カラーホイールツール

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

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

飽和:
輝度:
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)

 

 

 


も参照してください

 

 

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