RGBカラーコードチャート

RGBカラーピッカー| RGBカラーコードチャート| RGB色空間| RGBカラーフォーマットと計算| RGBカラーテーブル

RGBカラーピッカー

RGBカラーコードチャート

カーソルを合わせると、以下の16進数と10進数のカラーコードが表示されます。

                         
                         
                         
                         
                         
                         
                         
                         
                         
16進数:#    
赤:  
緑:  
青い:  

RGB色空間

RGB色空間RGB表色系は、の組み合わせからすべての色を構成するRのED、GのREENとBのLUE色。

赤、緑、青はそれぞれ8ビットを使用し、0〜255の整数値を持ちます。これにより、256 * 256 * 256 = 16777216の色が可能になります。

RGB≡赤、緑、青

LEDモニターの各ピクセルは、赤、緑、青のLED(発光ダイオード)の組み合わせにより、このように色を表示します。

赤いピクセルが0に設定されると、LEDはオフになります。赤いピクセルが255に設定されている場合、LEDは完全にオンになります。

それらの間の値は、LEDを部分発光に設定します。

RGBカラーフォーマットと計算

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)

計算例

ホワイトRGBカラー

White RGB code = 255*65536+255*256+255 = #FFFFFF

ブルーRGBカラー

Blue RGB code = 0*65536+0*256+255 = #0000FF

赤RGBカラー

Red RGB code = 255*65536+0*256+0 = #FF0000

緑RGBカラー

Green RGB code = 0*65536+255*256+0 = #00FF00

グレーRGBカラー

Gray RGB code = 128*65536+128*256+128 = #808080

黄色のRGBカラー

Yellow RGB code = 255*65536+255*256+0 = #FFFF00

RGBカラーテーブル

基本色:

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)


も参照してください

Advertising

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