カラーホイールツール

インタラクティブカラーホイールジェネレーターとチャートをオンラインで。

カラーコードと配色を取得します。

飽和：
輝度：
16進数：
RGB：
HSL：
  • 補完：
  • 分割補完：
  • 類似：
  • トライアド：
  • 平方：
  • テトラッド：
  • 単色：
  • 同様：

               

カラーコードチャート

色 色

名前

 16進数 （R、G、B） （H、S、L）
  ブラック ＃000000 （0,0,0） （0º、0％、0％）
  白い #FFFFFF （255,255,255） （0º、0％、100％）
  赤 ＃FF0000 （255,0,0） （0º、100％、50％）
  ライム ＃00FF00 （0,255,0） （120º、100％、50％）
  青い ＃0000FF （0,0,255） （240º、100％、50％）
  黄 ＃FFFF00 （255,255,0） （60º、100％、50％）
  シアン ＃00FFFF （0,255,255） （180º、100％、50％）
  赤紫色 ＃FF00FF （255,0,255） （300º、100％、50％）
  銀 ＃C0C0C0 （192,192,192） （0º、0％、75％）
  グレー ＃808080 （128,128,128） （0º、0％、50％）
  あずき色 ＃800000 （128,0,0） （0º、100％、25％）
  オリーブ ＃808000 （128,128,0） （60º、100％、25％）
  緑 ＃008000 （0,128,0） （120º、100％、25％）
  紫の ＃800080 （128,0,128） （300º、100％、25％）
  ティール ＃008080 （0,128,128） （180º、100％、25％）
  海軍 ＃000080 （0,0,128） （240º、100％、25％）

 

色 HTML / CSS
カラー名		 16進コード
#RRGGBB		 10進コード
（R、G、B）
  ライトサーモン ＃FFA07A rgb（255,160,122）
  サーモン ＃FA8072 rgb（250,128,114）
  ダークサーモン ＃E9967A rgb（233,150,122）
  ライトコーラル ＃F08080 rgb（240,128,128）
  インディアンレッド ＃CD5C5C rgb（205,92,92）
  真紅 ＃DC143C rgb（220,20,60）
  耐火レンガ ＃B22222 rgb（178,34,34）
  赤 ＃FF0000 rgb（255,0,0）
  暗赤色 ＃8B0000 rgb（139,0,0）
  コーラル ＃FF7F50 rgb（255,127,80）
  トマト ＃FF6347 rgb（255,99,71）
  オレンジレッド ＃FF4500 rgb（255,69,0）
  ゴールド ＃FFD700 rgb（255,215,0）
  オレンジ ＃FFA500 rgb（255,165,0）
  ダークオレンジ ＃FF8C00 rgb（255,140,​​0）
  薄黄色 ＃FFFFE0 rgb（255,255,224）
  レモンシフォン #FFFACD rgb（255,250,205）
  lightgoldenrodyellow ＃FAFAD2 rgb（250,250,210）
  papayawhip ＃FFEFD5 rgb（255,239,213）
  モカシン ＃FFE4B5 rgb（255,228,181）
  ピーチパフ ＃FFDAB9 rgb（255,218,185）
  淡いゴールデンロッド ＃EEE8AA rgb（238,232,170）
  カーキ ＃F0E68C rgb（240,230,140）
  ダークカーキ ＃BDB76B rgb（189,183,107）
  黄 ＃FFFF00 rgb（255,255,0）
  ローングリーン ＃7CFC00 rgb（124,252,0）
  シャルトリューズ ＃7FFF00 rgb（127,255,0）
  ライムグリーン ＃32CD32 rgb（50,205,50）
  ライム ＃00FF00 rgb（0.255.0）
  緑の森林 ＃228B22 rgb（34,139,34）
  緑 ＃008000 rgb（0,128,0）
  濃い緑色 ＃006400 rgb（0,100,0）
  黄緑 ＃ADFF2F rgb（173,255,47）
  黄緑 ＃9ACD32 rgb（154,205,50）
  スプリンググリーン ＃00FF7F rgb（0,255,127）
  ミディアムスプリンググリーン ＃00FA9A rgb（0,250,154）
  ライトグリーン ＃90EE90 rgb（144,238,144）
  薄緑色 ＃98FB98 rgb（152,251,152）
  ダークシーグリーン ＃8FBC8F rgb（143,188,143）
  ミディアムシーグリーン ＃3CB371 rgb（60,179,113）
  海の緑 ＃2E8B57 rgb（46,139,87）
  オリーブ ＃808000 rgb（128,128,0）
  darkolivegreen ＃556B2F rgb（85,107,47）
  オリーブドラブ ＃6B8E23 rgb（107,142,35）
  lightcyan ＃E0FFFF rgb（224,255,255）
  シアン ＃00FFFF rgb（0,255,255）
  アクア ＃00FFFF rgb（0,255,255）
  アクアマリン ＃7FFFD4 rgb（127,255,212）
  ミディアムアクアマリン ＃66CDAA rgb（102,205,170）
  淡いターコイズ #AFEEEE rgb（175,238,238）
  ターコイズ ＃40E0D0 rgb（64,224,208）
  ミディアムターコイズ ＃48D1CC rgb（72,209,204）
  ダークターコイズ ＃00CED1 rgb（0,206,209）
  ライトシーグリーン ＃20B2AA rgb（32,178,170）
  cadetblue ＃5F9EA0 rgb（95,158,160）
  darkcyan ＃008B8B rgb（0,139,139）
  ティール ＃008080 rgb（0,128,128）
  パウダーブルー ＃B0E0E6 rgb（176,224,230）
  ライトブルー ＃ADD8E6 rgb（173,216,230）
  lightskyblue ＃87CEFA rgb（135,206,250）
  空色 ＃87CEEB rgb（135,206,235）
  deepskyblue ＃00BFFF rgb（0,191,255）
  lightsteelblue ＃B0C4DE rgb（176,196,222）
  ドジャーブルー ＃1E90FF rgb（30,144,255）
  コーンフラワーブルー ＃6495ED rgb（100,149,237）
  スティールブルー ＃4682B4 rgb（70,130,180）
  ロイヤルブルー ＃4169E1 rgb（65,105,225）
  青い ＃0000FF rgb（0,0,255）
  ミディアムブルー ＃0000CD rgb（0,0,205）
  濃紺 ＃00008B rgb（0,0,139）
  海軍 ＃000080 rgb（0,0,128）
  ミッドナイトブルー ＃191970 rgb（25,25,112）
  ミディアムスレートブルー ＃7B68EE rgb（123,104,238）
  スレートブルー ＃6A5ACD rgb（106,90,205）
  darkslateblue ＃483D8B rgb（72,61,139）
  ラベンダー ＃E6E6FA rgb（230,230,250）
  アザミ ＃D8BFD8 rgb（216,191,216）
  梅 ＃DDA0DD rgb（221,160,221）
  バイオレット ＃EE82EE rgb（238,130,238）
  蘭 ＃DA70D6 rgb（218,112,214）
  フクシア ＃FF00FF rgb（255,0,255）
  赤紫色 ＃FF00FF rgb（255,0,255）
  ミディアムオーキッド ＃BA55D3 rgb（186,85,211）
  ミディアムパープル ＃9370DB rgb（147,112,219）
  青紫色 ＃8A2BE2 rgb（138,43,226）
  ダークバイオレット ＃9400D3 rgb（148,0,211）
  darkorchid ＃9932CC rgb（153,50,204）
  ダークマゼンタ ＃8B008B rgb（139,0,139）
  紫の ＃800080 rgb（128,0,128）
  インジゴ ＃4B0082 rgb（75,0,130）
  ピンク ＃FFC0CB rgb（255,192,203）
  ライトピンク ＃FFB6C1 rgb（255,182,193）
  ホトピンク ＃FF69B4 rgb（255,105,180）
  深いピンク ＃FF1493 rgb（255,20,147）
  淡い紫 ＃DB7093 rgb（219,112,147）
  ミディアムバイオレットレッド ＃C71585 rgb（199,21,133）
  白い #FFFFFF rgb（255,255,255）
  雪 #FFFAFA rgb（255,250,250）
  甘露 ＃F0FFF0 rgb（240,255,240）
  ミントクリーム ＃F5FFFA rgb（245,255,250）
  紺碧 ＃F0FFFF rgb（240,255,255）
  アリスブルー ＃F0F8FF rgb（240,248,255）
  ghostwhite ＃F8F8FF rgb（248,248,255）
  白い煙 ＃F5F5F5 rgb（245,245,245）
  貝殻 ＃FFF5EE rgb（255,245,238）
  ベージュ ＃F5F5DC rgb（245,245,220）
  オールドレース ＃FDF5E6 rgb（253,245,230）
  フローラルホワイト ＃FFFAF0 rgb（255,250,240）
  象牙 ＃FFFFF0 rgb（255,255,240）
  アンティークホワイト ＃FAEBD7 rgb（250,235,215）
  リネン ＃FAF0E6 rgb（250,240,230）
  ラベンダーブラッシュ ＃FFF0F5 rgb（255,240,245）
  ミスティローズ ＃FFE4E1 rgb（255,228,225）
  ゲインズボロ #DCDCDC rgb（220,220,220）
  ライトグレー ＃D3D3D3 rgb（211,211,211）
  銀 ＃C0C0C0 rgb（192,192,192）
  暗灰色 ＃A9A9A9 rgb（169,169,169）
  グレー ＃808080 rgb（128,128,128）
  dimgray ＃696969 rgb（105,105,105）
  ライトスレートグレー ＃778899 rgb（119,136,153）
  スレートグレイ ＃708090 rgb（112,128,144）
  darkslategray ＃2F4F4F rgb（47,79,79）
  黒 ＃000000 rgb（0,0,0）
  トウモロコシの毛 ＃FFF8DC rgb（255,248,220）
  ブランシェダルモンド #FFEBCD rgb（255,235,205）
  ビスク ＃FFE4C4 rgb（255,228,196）
  navajowhite #FFDEAD rgb（255,222,173）
  小麦 ＃F5DEB3 rgb（245,222,179）
  burlywood ＃DEB887 rgb（222,184,135）
  日焼け ＃D2B48C rgb（210,180,140）
  rosybrown ＃BC8F8F rgb（188,143,143）
  サンディブラウン ＃F4A460 rgb（244,164,96）
  アキノキリンソウ ＃DAA520 rgb（218,165,32）
  ペルー ＃CD853F rgb（205,133,63）
  チョコレート ＃D2691E rgb（210,105,30）
  サドルブラウン ＃8B4513 rgb（139,69,19）
  シエナ ＃A0522D rgb（160,82,45）
  褐色 ＃A52A2A rgb（165,42,42）
  あずき色 ＃800000 rgb（128,0,0）

 

 

 

も参照してください

 

 

ウェブカラー
迅速なテーブル