とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

配色に困ったときのアイデアとヒントにしたいカラーパレットツール・サイト

配色に困ったときのアイデアとヒントにしたいカラーパレットツール・サイト

配色に困ったら参考にしたいカラーパレットサイトを紹介します。

 

Color Hex

カラーコードを入力すると、RGB値やCMYK値の各種数値や、カラースキーム(同系色のバリーションや、補色、四色配色、三色配色、分裂捕食など)、各種の色展開を確認することができて非常に便利です。

www.colorhexa.com 

Material Design Color Style

マテリアルカラーのカラーシステムのページにあるカラーパターンです。洗練されたカラーパターンでGoogleが採用していることもありよく見かけるカラーパターンが網羅されています。

material.io 

ColorDrop

四色配色がセットになったカラーパレット。洗練されたカラー展開が多く、参考になります。ハッとする配色もあり。

colordrop.io 

【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選

配色の参考にしたい101種類の色の組み合わせがまとめられています。

photoshopvip.net 

uiGradients

美しいカラーグラデーションの厳選。

グラデーションの参考に。

uigradients.com