RGBカラーピッカー| RGBカラーコードチャート| RGB色空間| RGBカラーフォーマットと計算| RGBカラーテーブル
色にカーソルを合わせると、以下の16進数と10進数のカラーコードが表示されます。
16進数:# | |||
赤: | |||
緑: | |||
青い: |
RGB色空間やRGB表色系は、の組み合わせからすべての色を構成するRのED、GのREENとBのLUE色。
赤、緑、青はそれぞれ8ビットを使用し、0〜255の整数値を持ちます。これにより、256 * 256 * 256 = 16777216の色が可能になります。
RGB≡赤、緑、青
LEDモニターの各ピクセルは、赤、緑、青のLED(発光ダイオード)の組み合わせにより、このように色を表示します。
赤いピクセルが0に設定されると、LEDはオフになります。赤いピクセルが255に設定されている場合、LEDは完全にオンになります。
それらの間の値は、LEDを部分発光に設定します。
RGBコードには24ビット形式(ビット0..23)があります。
赤[7:0] | 緑[7:0] | 青[7:0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
White RGB code = 255*65536+255*256+255 = #FFFFFF
Blue RGB code = 0*65536+0*256+255 = #0000FF
Red RGB code = 255*65536+0*256+0 = #FF0000
Green RGB code = 0*65536+255*256+0 = #00FF00
Gray RGB code = 128*65536+128*256+128 = #808080
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
基本色:
色 | HTML / CSS名 | 16進コード #RRGGBB |
10進コード (R、G、B) |
---|---|---|---|
ブラック | #000000 | (0,0,0) | |
白い | #FFFFFF | (255,255,255) | |
赤 | #FF0000 | (255,0,0) | |
ライム | #00FF00 | (0,255,0) | |
青い | #0000FF | (0,0,255) | |
黄 | #FFFF00 | (255,255,0) | |
シアン/アクア | #00FFFF | (0,255,255) | |
マゼンタ/フクシア | #FF00FF | (255,0,255) | |
銀 | #C0C0C0 | (192,192,192) | |
グレー | #808080 | (128,128,128) | |
あずき色 | #800000 | (128,0,0) | |
オリーブ | #808000 | (128,128,0) | |
緑 | #008000 | (0,128,0) | |
紫の | #800080 | (128,0,128) | |
ティール | #008080 | (0,128,128) | |
海軍 | #000080 | (0,0,128) |
色 | 色名 | 16進コード #RRGGBB |
10進コード R、G、B |
---|---|---|---|
あずき色 | #800000 | (128,0,0) | |
暗赤色 | #8B0000 | (139,0,0) | |
褐色 | #A52A2A | (165,42,42) | |
耐火レンガ | #B22222 | (178,34,34) | |
真紅 | #DC143C | (220、20、60) | |
赤 | #FF0000 | (255,0,0) | |
トマト | #FF6347 | (255,99,71) | |
コーラル | #FF7F50 | (255,127,80) | |
インディアンレッド | #CD5C5C | (205,92,92) | |
ライトコーラル | #F08080 | (240,128,128) | |
ダークサーモン | #E9967A | (233,150,122) | |
サーモン | #FA8072 | (250,128,114) | |
ライトサーモン | #FFA07A | (255,160,122) | |
オレンジレッド | #FF4500 | (255,69,0) | |
ダークオレンジ | #FF8C00 | (255,140,0) | |
オレンジ | #FFA500 | (255,165,0) | |
ゴールド | #FFD700 | (255,215,0) | |
ダークゴールデンロッド | #B8860B | (184,134,11) | |
ゴールデンロッド | #DAA520 | (218,165,32) | |
淡い金色の棒 | #EEE8AA | (238,232,170) | |
ダークカーキ | #BDB76B | (189,183,107) | |
カーキ | #F0E68C | (240,230,140) | |
オリーブ | #808000 | (128,128,0) | |
黄 | #FFFF00 | (255,255,0) | |
黄緑 | #9ACD32 | (154,205,50) | |
ダークオリーブグリーン | #556B2F | (85,107,47) | |
オリーブドラブ | #6B8E23 | (107,142,35) | |
芝生の緑 | #7CFC00 | (124,252,0) | |
チャートの再利用 | #7FFF00 | (127,255,0) | |
黄緑 | #ADFF2F | (173,255,47) | |
濃い緑色 | #006400 | (0,100,0) | |
緑 | #008000 | (0,128,0) | |
緑の森林 | #228B22 | (34,139,34) | |
ライム | #00FF00 | (0,255,0) | |
ライムグリーン | #32CD32 | (50,205,50) | |
ライトグリーン | #90EE90 | (144,238,144) | |
薄緑色 | #98FB98 | (152,251,152) | |
ダークシーグリーン | #8FBC8F | (143,188,143) | |
ミディアムスプリンググリーン | #00FA9A | (0,250,154) | |
春の緑 | #00FF7F | (0,255,127) | |
海の緑 | #2E8B57 | (46,139,87) | |
ミディアムアクアマリン | #66CDAA | (102,205,170) | |
ミディアムシーグリーン | #3CB371 | (60,179,113) | |
ライトシーグリーン | #20B2AA | (32,178,170) | |
ダークスレートグレー | #2F4F4F | (47,79,79) | |
ティール | #008080 | (0,128,128) | |
ダークシアン | #008B8B | (0,139,139) | |
アクア | #00FFFF | (0,255,255) | |
シアン | #00FFFF | (0,255,255) | |
ライトシアン | #E0FFFF | (224,255,255) | |
ダークターコイズ | #00CED1 | (0,206,209) | |
ターコイズ | #40E0D0 | (64,224,208) | |
ミディアムターコイズ | #48D1CC | (72,209,204) | |
淡いターコイズ | #AFEEEE | (175,238,238) | |
アクアマリン | #7FFFD4 | (127,255,212) | |
パウダーブルー | #B0E0E6 | (176,224,230) | |
士官候補生ブルー | #5F9EA0 | (95,158,160) | |
スチールブルー | #4682B4 | (70,130,180) | |
コーンフラワーブルー | #6495ED | (100,149,237) | |
ディープスカイブルー | #00BFFF | (0,191,255) | |
ドジャーブルー | #1E90FF | (30,144,255) | |
ライトブルー | #ADD8E6 | (173,216,230) | |
空色 | #87CEEB | (135,206,235) | |
ライトスカイブルー | #87CEFA | (135,206,250) | |
ミッドナイトブルー | #191970 | (25,25,112) | |
海軍 | #000080 | (0,0,128) | |
濃紺 | #00008B | (0,0,139) | |
ミディアムブルー | #0000CD | (0,0,205) | |
青い | #0000FF | (0,0,255) | |
ロイヤルブルー | #4169E1 | (65,105,225) | |
青紫色 | #8A2BE2 | (138,43,226) | |
インジゴ | #4B0082 | (75,0,130) | |
ダークスレートブルー | #483D8B | (72,61,139) | |
スレートブルー | #6A5ACD | (106,90,205) | |
ミディアムスレートブルー | #7B68EE | (123,104,238) | |
ミディアムパープル | #9370DB | (147,112,219) | |
ダークマゼンタ | #8B008B | (139,0,139) | |
ダークバイオレット | #9400D3 | (148,0,211) | |
ダークオーキッド | #9932CC | (153,50,204) | |
ミディアムオーキッド | #BA55D3 | (186,85,211) | |
紫の | #800080 | (128,0,128) | |
アザミ | #D8BFD8 | (216,191,216) | |
梅 | #DDA0DD | (221,160,221) | |
バイオレット | #EE82EE | (238,130,238) | |
マゼンタ/フクシア | #FF00FF | (255,0,255) | |
蘭 | #DA70D6 | (218,112,214) | |
ミディアムバイオレットレッド | #C71585 | (199,21,133) | |
淡いバイオレットレッド | #DB7093 | (219,112,147) | |
深いピンク | #FF1493 | (255,20,147) | |
ホトピンク | #FF69B4 | (255,105,180) | |
ライトピンク | #FFB6C1 | (255,182,193) | |
ピンク | #FFC0CB | (255,192,203) | |
アンティークホワイト | #FAEBD7 | (250,235,215) | |
ベージュ | #F5F5DC | (245,245,220) | |
ビスク | #FFE4C4 | (255,228,196) | |
湯通しアーモンド | #FFEBCD | (255,235,205) | |
小麦 | #F5DEB3 | (245,222,179) | |
トウモロコシの毛 | #FFF8DC | (255,248,220) | |
レモンシフォン | #FFFACD | (255,250,205) | |
ライトゴールデンロッドイエロー | #FAFAD2 | (250,250,210) | |
薄黄色 | #FFFFE0 | (255,255,224) | |
サドルブラウン | #8B4513 | (139,69,19) | |
シエナ | #A0522D | (160,82,45) | |
チョコレート | #D2691E | (210,105,30) | |
ペルー | #CD853F | (205,133,63) | |
サンディブラウン | #F4A460 | (244,164,96) | |
たくましい木 | #DEB887 | (222,184,135) | |
日焼け | #D2B48C | (210,180,140) | |
バラ色の茶色 | #BC8F8F | (188,143,143) | |
モカシン | #FFE4B5 | (255,228,181) | |
ナバホホワイト | #FFDEAD | (255,222,173) | |
ピーチパフ | #FFDAB9 | (255,218,185) | |
ミスティローズ | #FFE4E1 | (255,228,225) | |
ラベンダーブラッシュ | #FFF0F5 | (255,240,245) | |
リネン | #FAF0E6 | (250,240,230) | |
古いレース | #FDF5E6 | (253,245,230) | |
パパイヤホイップ | #FFEFD5 | (255,239,213) | |
貝殻 | #FFF5EE | (255,245,238) | |
ミントクリーム | #F5FFFA | (245,255,250) | |
スレートグレイ | #708090 | (112,128,144) | |
ライトスレートグレー | #778899 | (119,136,153) | |
ライトスチールブルー | #B0C4DE | (176,196,222) | |
ラベンダー | #E6E6FA | (230,230,250) | |
フローラルホワイト | #FFFAF0 | (255,250,240) | |
アリスブルー | #F0F8FF | (240,248,255) | |
ゴーストホワイト | #F8F8FF | (248,248,255) | |
甘露 | #F0FFF0 | (240,255,240) | |
象牙 | #FFFFF0 | (255,255,240) | |
紺碧 | #F0FFFF | (240,255,255) | |
雪 | #FFFAFA | (255,250,250) | |
黒 | #000000 | (0,0,0) | |
薄暗い灰色/薄暗い灰色 | #696969 | (105,105,105) | |
グレーグレー | #808080 | (128,128,128) | |
ダークグレー/ダークグレー | #A9A9A9 | (169,169,169) | |
銀 | #C0C0C0 | (192,192,192) | |
ライトグレー/ライトグレー | #D3D3D3 | (211,211,211) | |
ゲインズボロ | #DCDCDC | (220,220,220) | |
白い煙 | #F5F5F5 | (245,245,245) | |
白い | #FFFFFF | (255,255,255) |