English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基礎教程

HTML メディア

HTML リファレンスマニュアル

HTML5 基礎教程

HTML5 API

HTML5 メディア

HTML 色彩値

色は赤(R)、緑(G)、青(B)で構成されています。16進数の表記は # が先頭に来て、3または6つの16進数文字。

色値

色値は16進数で赤、緑、青(RGB)を表します。

各色の最小値は0(16進数は00)、最大値 255(16進数はFFです)

16進数の表記は # が先頭に来て、3または6つの16進数文字。

3桁の表現法は:#RGB、変換6数値表現は:#RRGGBB。

色の例

316進数で表される色値616進数で表される色値RGB
 #000#000000rgb(0,0,0)
 #F00#FF0000rgb(255,0,0)
 #0F0#00FF00rgb(0,255,0)
 #00F#0000FFrgb(0,0,255)
 #FF0#FFFF00rgb(255,255,0)
 #0FF#00FFFFrgb(0,255,255)
 #F0F#FF00FFrgb(255,0,255)
 #888#888888rgb(136,136,136)
 #FFF#FFFFFFrgb(255,255,255)

十六進数(Hex)で色値で並び替え

色名で並んだ色リストを確認

Color NameHEXColor
Black #000000 
Navy #000080 
DarkBlue #00008B 
MediumBlue #0000CD 
Blue #0000FF 
DarkGreen #00006400 
Green #00008000 
Teal #00008080 
DarkCyan #00008B8B 
DeepSkyBlue #00BFFF 
DarkTurquoise #00CED1 
MediumSpringGreen #00FA9A 
ライム #00FF00 
スプリンググリーン #00FF7F 
アクア #00FFFF 
シアン #00FFFF 
ミッドナイトブルー #191970 
ドジャーブルー #1E90FF 
ライトシーグリーン #20B2AA 
フォレストグリーン #228B22 
シーグリーン #2E8B57 
ダークスレートグレー #2F4F4F 
ライムグリーン #32CD32 
メディアムシーグリーン #3CB371 
ターコズ #40E0D0 
ロイヤルブルー #4169E1 
スチールブルー #4682B4 
ダークスレートブルー #483D8B 
メディアムターコズ #48D1CC 
インディゴ   #4B0082 
ダークオリーブグリーン #556B2F 
ケーディットブルー #5F9EA0 
コルフラワーblue #6495ED 
メディアマクアマリン #66CDAA 
ダークグレー #696969 
スレートブルー #6A5ACD 
オリーブドラブ #6B8E23 
スレートグレー #708090 
ライトスレートグレー #778899 
メディアムスレートブルー #7B68EE 
ラウンジンググリーン #7CFC00 
カーキ #7FFF00 
アクアマリン #7FFFD4 
マローン #800000 
パープル #800080 
オリーブ #808000 
グレー #808080 
スカイブルー #87CEEB 
ライトスカイブルー #87CEFA 
ブルーヴァイオレット #8A2BE2 
ダークレッド #8B0000 
ダークマagenta #8B008B 
サドルブラウン #8B4513 
ダークシーグリーン #8FBC8F 
ライトグリーン #90EE90 
メディアムパープル #9370DB 
ダークバイオレット #9400D3 
ペールグリーン #98FB98 
ダークオーキッド #9932CC 
イエローグリーン #9ACD32 
シエナ #A0522D 
ブラウン #A52A2A 
ダークグレー #A9A9A9 
ライトブルー #ADD8E6 
グリーンヨウレン #ADFF2F 
ペールターコズ #AFEEEE 
ライトスチールブルー #B0C4DE 
パウダーレッド #B0E0E6 
ファイヤーブリック #B22222 
ダークゴールデンロッド #B8860B 
メディアムオーキッド #BA55D3 
ロージーブラウン #BC8F8F 
ダークカーキ #BDB76B 
シルバー #C0C0C0 
メディアムバイオレットレッド #C71585 
インディアンレッド  #CD5C5C 
ペルー #CD853F 
チョコレート #D2691E 
タン #D2B48C 
ライトグレー #D3D3D3 
スズメ #D8BFD8 
オーキッド #DA70D6 
ゴールデンロッド #DAA520 
ペイルバイオリンレッド #DB7093 
クリムソン #DC143C 
ゲインズボロ #DCDCDC 
プラム #DDA0DD 
バーリーウッド #DEB887 
ライトシアン #E0FFFF 
ラベンダー #E6E6FA 
ダークサモン #E9967A 
バイオリン #EE82EE 
ペイルゴールデンロッド #EEE8AA 
ライトコーラル #F08080 
カーキ #F0E68C 
アリスブルー #F0F8FF 
ハニードュー #F0FFF0 
エズール #F0FFFF 
サンディブラウン #F4A460 
ウェート #F5DEB3 
ビジ #F5F5DC 
ホワイトスモーク #F5F5F5 
ミントクレーム #F5FFFA 
ゴーストホワイト #F8F8FF 
サモン #FA8072 
アンティークホワイト #FAEBD7 
リン #FAF0E6 
ライトゴールデンロッドイエロー #FAFAD2 
オールドレース #FDF5E6 
レッド #FF0000 
フューチャ #FF00FF 
マゼンタ #FF00FF 
デープピンク #FF1493 
オレンジレッド #FF4500 
トマト #FF6347 
ホットピンク #FF69B4 
コーラル #FF7F50 
ダークオレンジ #FF8C00 
ライトサモサ #FFA07A 
オレンジ #FFA500 
ライトピンク #FFB6C1 
ピンク #FFC0CB 
ゴールド #FFD700 
ピーチパフ #FFDAB9 
ナバホワイト #FFDEAD 
モカシン #FFE4B5 
ビスク #FFE4C4 
ミスティーローズ #FFE4E1 
ブランchedアーモンド #FFEBCD 
パパヤシップ #FFEFD5 
ラベンダーブルッシュ #FFF0F5 
シーシェル #FFF5EE 
コーンシルク #FFF8DC 
レモンシフオン #FFFACD 
フローラルホワイト #FFFAF0 
スノー #FFFAFA 
イエロー #FFFF00 
LightYellow #FFFFE0 
Ivory #FFFFF0 
White #FFFFFF