各文字列クリックでコピーできます。
「最適」の項目は、各カラーネームを背景にしたときに最適な文字色を10進数で表記しています(WCAG 2.1準拠)
「適」の項目は最適が無い場合の文字色です。
「適」の場合はより合格指数の高いものを記載していますが、個人差で反対色の方が見やすい場合もあります。
赤系 9色
LightSalmon
ライトサーモン
rgb(255, 160, 122)
#ffa07a
最適 rgb(40, 40, 40)
Salmon
サーモン
rgb(250, 128, 114)
#fa8072
最適 rgb(25, 25, 25)
DarkSalmon
ダークサーモン
rgb(233, 150, 122)
#e9967a
最適 rgb(31, 31, 31)
LightCoral
ライトコーラル
rgb(240, 128, 128)
#f08080
最適 rgb(10, 10, 10)
IndianRed
インディアンレッド
rgb(205, 92, 92)
#cd5c5c
適 rgb(0, 0, 0)
Crimson
クリムゾン
rgb(220, 20, 60)
#dc143c
適 rgb(255, 255, 255)
Red
レッド
rgb(255, 0, 0)
#ff0000
適 rgb(0, 0, 0)
FireBrick
ファイアブリック
rgb(178, 34, 34)
#b22222
適 rgb(255, 255, 255)
DarkRed
ダークレッド
rgb(139, 0, 0)
#8b0000
最適 rgb(255, 255, 255)
橙系 5色
Orange
オレンジ
rgb(255, 165, 0)
#ffa500
最適 rgb(40, 40, 40)
DarkOrange
ダークオレンジ
rgb(255, 140, 0)
#ff8c00
最適 rgb(25, 25, 25)
Coral
コーラル
rgb(255, 127, 80)
#ff7f50
最適 rgb(20, 20, 20)
Tomato
トマト
rgb(255, 99, 71)
#ff6347
最適 rgb(0, 0, 0)
OrangeRed
オレンジレッド
rgb(255, 69, 0)
#ff4500
適 rgb(0, 0, 0)
黄系 11色
Gold
ゴールド
rgb(255, 215, 0)
#ffd700
最適 rgb(51, 51, 51)
Yellow
イエロー
rgb(255, 255, 0)
#ffff00
最適 rgb(51, 51, 51)
LightYellow
ライトイエロー
rgb(255, 255, 224)
#ffffe0
最適 rgb(51, 51, 51)
LemonChiffon
レモンシフォン
rgb(255, 250, 205)
#fffacd
最適 rgb(51, 51, 51)
LightGoldenRodYellow
ライトゴールデンロッドイエロー
rgb(250, 250, 210)
#fafad2
最適 rgb(51, 51, 51)
PapayaWhip
パパヤホィップ
rgb(255, 239, 213)
#ffefd5
最適 rgb(51, 51, 51)
Moccasin
モカシン
rgb(255, 228, 181)
#ffe4b5
最適 rgb(51, 51, 51)
PeachPuff
ピーチパフ
rgb(255, 218, 185)
#ffdab9
最適 rgb(51, 51, 51)
PaleGoldenRod
ペイルゴールデンロッド
rgb(238, 232, 170)
#eee8aa
最適 rgb(51, 51, 51)
Khaki
カーキ
rgb(240, 230, 140)
#f0e68c
最適 rgb(51, 51, 51)
DarkKhaki
カーキ
rgb(189, 183, 107)
#bdb76b
最適 rgb(21, 21, 21)
緑系 22色
GreenYellow
グリーンイエロー
rgb(173, 255, 47)
#adff2f
最適 rgb(51, 51, 51)
Chartreuse
シャルトリューズ
rgb(127, 255, 0)
#7fff00
最適 rgb(51, 51, 51)
LawnGreen
ローングリーン
rgb(124, 252, 0)
#7cfc00
最適 rgb(51, 51, 51)
Lime
ライム
rgb(0, 255, 0)
#00ff00
最適 rgb(51, 51, 51)
LimeGreen
ライムグリーン
rgb(50, 205, 50)
#32cd32
最適 rgb(20, 20, 20)
PaleGreen
ペイルグリーン
rgb(152, 251, 152)
#98fb98
最適 rgb(51, 51, 51)
LightGreen
ライトグリーン
rgb(144, 238, 144)
#90ee90
最適 rgb(51, 51, 51)
MediumSpringGreen
ミディアムスプリンググリーン
rgb(0, 250, 154)
#00fa9a
最適 rgb(51, 51, 51)
SpringGreen
スプリンググリーン
rgb(0, 255, 127)
#00ff7f
最適 rgb(51, 51, 51)
MediumSeaGreen
ミディアムシーグリーン
rgb(60, 179, 113)
#3cb371
最適 rgb(15, 15, 15)
SeaGreen
シーグリーン
rgb(46,139, 87)
#2e8b57
適 rgb(0, 0, 0)
ForestGreen
フォレストグリーン
rgb(34, 139, 34)
#228b22
適 rgb(0, 0, 0)
Green
グリーン
rgb(0, 128, 0)
#008000
適 rgb(255, 255, 255)
DarkGreen
ダークグリーン
rgb(0, 100, 0)
#006400
最適 rgb(255, 255, 255)
YellowGreen
イエローグリーン
rgb(154, 205, 50)
#9acd32
最適 rgb(40, 40, 40)
OliveDrab
オリーブドラブ
rgb(107, 142, 35)
#6b8e23
適 rgb(0, 0, 0)
DarkOliveGreen
ダークオリーブグリーン
rgb(85, 107, 47)
#556b2f
適 rgb(255, 255, 255)
MediumAquaMarine
ミディアムアクアマリン
rgb(102, 205, 170)
#66cdaa
最適 rgb(40, 40, 40)
DarkSeaGreen
ダークシーグリーン
rgb(143, 188, 143)
#8fbc8f
最適 rgb(20, 20, 20)
LightSeaGreen
ライトシーグリーン
rgb(32, 178, 170)
#20b2aa
最適 rgb(20, 20, 20)
DarkCyan
ダークシアン
rgb(0, 139, 139)
#008b8b
適 rgb(0, 0, 0)
Teal
ティール
rgb(0, 128, 128)
#008080
適 rgb(255, 255, 255)
青系 16色
CadetBlue
カデットブルー
rgb(95, 158, 160)
#5f9ea0
適 rgb(0, 0, 0)
SteelBlue
スティールブルー
rgb(70, 130, 180)
#4682b4
適 rgb(0, 0, 0)
LightSteelBlue
ライトスティールブルー
rgb(176, 196, 222)
#b0c4de
最適 rgb(40, 40, 40)
LightBlue
ライトブルー
rgb(173, 216, 230)
#add8e6
最適 rgb(51, 51, 51)
PowderBlue
パウダーブルー
rgb(176, 224, 230)
#b0e0e6
最適 rgb(51, 51, 51)
LightSkyBlue
ライトスカイブルー
rgb(135, 206, 250)
#87cefa
最適 rgb(51, 51, 51)
SkyBlue
スカイブルー
rgb(135, 206, 235)
#87ceeb
最適 rgb(51, 51, 51)
CornflowerBlue
コーンフラワーブルー
rgb(100, 149, 237)
#6495ed
最適 rgb(0, 0, 0)
DeepSkyBlue
ディープスカイブルー
rgb(0, 191, 255)
#00bfff
最適 rgb(20, 20, 20)
DodgerBlue
ドジャーブルー
rgb(30, 144, 255)
#1e90ff
適 rgb(0, 0, 0)
RoyalBlue
ロイヤルブルー
rgb(65, 105, 225)
#4169e1
適 rgb(255, 255, 255)
Blue
ブルー
rgb(0, 0, 255)
#0000ff
最適 rgb(255, 255, 255)
MediumBlue
ミディアムブルー
rgb(0, 0, 205)
#0000cd
最適 rgb(240, 240, 240)
DarkBlue
ダークブルー
rgb(0, 0, 139)
#00008b
最適 rgb(240, 240, 240)
Navy
ネイビー
rgb(0, 0, 128)
#000080
最適 rgb(240, 240, 240)
MidnightBlue
ミッドナイトブルー
rgb(25, 25, 112)
#191970
最適 rgb(240, 240, 240)
シアン系 8色
Aqua
アクア(シアン同色)
rgb(0, 255, 255)
#00ffff
最適 rgb(51, 51, 51)
Cyan
シアン(アクア同色)
rgb(0, 255, 255)
#00ffff
最適 rgb(51, 51, 51)
LightCyan
ライトシアン
rgb(224, 255, 255)
#e0ffff
最適 rgb(51, 51, 51)
PaleTurquoise
ペイルターコイズ
rgb(175, 238, 238)
#afeeee
最適 rgb(51, 51, 51)
Aquamarine
アクアマリン
rgb(127, 255, 212)
#7fffd4
最適 rgb(51, 51, 51)
Turquoise
ターコイズ
rgb(64, 224, 208)
#40e0d0
最適 rgb(51, 51, 51)
MediumTurquoise
ミディアムターコイズ
rgb(72, 209, 204)
#48d1cc
最適 rgb(40, 40, 40)
DarkTurquoise
ダークターコイズ
rgb(0, 206, 209)
#00ced1
最適 rgb(40, 40, 40)
紫系 18色
Lavender
ラベンダー
rgb(230, 230, 250)
#e6e6fa
最適 rgb(51, 51, 51)
Thistle
シスル
rgb(216, 191, 216)
#d8bfd8
最適 rgb(51, 51, 51)
Plum
プラム
rgb(221, 160, 221)
#dda0dd
最適 rgb(20, 20, 20)
Orchid
オーキッド
rgb(218, 112, 214)
#da70d6
最適 rgb(0, 0, 0)
Violet
バイオレット
rgb(238, 130, 238)
#ee82ee
最適 rgb(20, 20, 20)
Fuchsia
フューシャ(マジェンタ同色)
rgb(255, 0, 255)
#ff00ff
適 rgb(0, 0, 0)
Magenta
マジェンタ(フューシャ同色)
rgb(255, 0, 255)
#ff00ff
適 rgb(0, 0, 0)
MediumOrchid
ミディアムオーキッド
rgb(186, 85, 211)
#ba55d3
適 rgb(0, 0, 0)
DarkOrchid
ダークオーキッド
rgb(153, 50, 204)
#9932cc
適 rgb(255, 255, 255)
DarkViolet
ダークバイオレット
rgb(148, 0, 211)
#9400d3
適 rgb(255, 255, 255)
BlueViolet
ブルーバイオレット
rgb(138, 43, 226)
#8a2be2
適 rgb(255, 255, 255)
DarkMagenta
ダークマジェンタ
rgb(139, 0, 139)
#8b008b
最適 rgb(240, 240, 240)
Purple
パープル
rgb(128, 0, 128)
#800080
最適 rgb(240, 240, 240)
MediumPurple
ミディアムパープル
rgb(147, 112, 219)
#9370db
適 rgb(0, 0, 0)
MediumSlateBlue
ミディアムスレートブルー
rgb(123, 104, 238)
#7b68ee
適 rgb(0, 0, 0)
SlateBlue
スレートブルー
rgb(106, 90, 205)
#6a5acd
適 rgb(255, 255, 255)
DarkSlateBlue
ダークスレートブルー
rgb(72, 61, 139)
#483d8b
最適 rgb(255, 255, 255)
Indigo
インディゴ
rgb(75, 0, 130)
#4b0082
最適 rgb(240, 240, 240)
ピンク系 6色
Pink
ピンク
rgb(255, 192, 203)
#ffc0cb
最適 rgb(51, 51, 51)
LightPink
ライトピンク
rgb(255, 182, 193)
#ffb6c1
最適 rgb(51, 51, 51)
HotPink
ホットピンク
rgb(255, 105, 180)
#ff69b4
最適 rgb(10, 10, 10)
DeepPink
ディープピンク
rgb(255, 20, 147)
#ff1493
適 rgb(0, 0, 0)
PaleVioletRed
ペイルバイオレットレッド
rgb(219, 112, 147)
#db7093
適 rgb(0, 0, 0)
MediumVioletRed
ミディアムバイオレットレッド
rgb(199, 21, 133)
#c71585
適 rgb(255, 255, 255)
茶系 18色
Cornsilk
コーンシルク
rgb(255, 248, 220)
#fff8dc
最適 rgb(51, 51, 51)
BlanchedAlmond
ブランチドアーモンド
rgb(255, 235, 205)
#ffebcd
最適 rgb(51, 51, 51)
Bisque
ビスク
rgb(255, 228, 196)
#ffe4c4
最適 rgb(51, 51, 51)
NavajoWhite
ナバホホワイト
rgb(255, 222, 173)
#ffdead
最適 rgb(51, 51, 51)
Wheat
ウィート
rgb(245, 222, 179)
#f5deb3
最適 rgb(51, 51, 51)
BurlyWood
バーリーウッド
rgb(222, 184, 135)
#deb887
最適 rgb(20, 20, 20)
Tan
タン
rgb(210, 180, 140)
#d2b48c
最適 rgb(20, 20, 20)
RosyBrown
ロージーブラウン
rgb(188, 143, 143)
#bc8f8f
最適 rgb(0, 0, 0)
SandyBrown
サンディブラウン
rgb(244, 164, 96)
#f4a460
最適 rgb(20, 20, 20)
GoldenRod
ゴールデンロッド
rgb(218, 165, 32)
#daa520
最適 rgb(20, 20, 20)
DarkGoldenRod
ダークゴールデンロッド
rgb(184, 134, 11)
#b8860b
適 rgb(0, 0, 0)
Peru
ペルー
rgb(205, 133, 63)
#cd853f
最適 rgb(0, 0, 0)
Chocolate
チョコレート
rgb(210, 105, 30)
#d2691e
適 rgb(0, 0, 0)
Olive
オリーブ
rgb(128, 128, 0)
#808000
適 rgb(0, 0, 0)
SaddleBrown
サドルブラウン
rgb(139, 69, 19)
#8b4513
最適 rgb(255, 255, 255)
Sienna
シエナ
rgb(160, 82, 45)
#a0522d
適 rgb(255, 255, 255)
Brown
ブラウン
rgb(165, 42, 42)
#a52a2a
最適 rgb(255, 255, 255)
Maroon
マルーン
rgb(128, 0, 0)
#800000
最適 rgb(240, 240, 240)
白系 17色
White
ホワイト
rgb(255, 255, 255)
#ffffff
最適 rgb(51, 51, 51)
Snow
スノウ
rgb(255, 250, 250)
#fffafa
最適 rgb(51, 51, 51)
HoneyDew
ハニーデュー
rgb(240, 255, 240)
#f0fff0
最適 rgb(51, 51, 51)
MintCream
ミントクリーム
rgb(245, 255, 250)
#f5fffa
最適 rgb(51, 51, 51)
Azure
アジュール
rgb(240, 255, 255)
#f0ffff
最適 rgb(51, 51, 51)
AliceBlue
アリスブルー
rgb(240, 248, 255)
#f0f8ff
最適 rgb(51, 51, 51)
GhostWhite
ゴーストホワイト
rgb(248, 248, 255)
#f8f8ff
最適 rgb(51, 51, 51)
WhiteSmoke
ホワイトスモーク
rgb(245, 245, 245)
#f5f5f5
最適 rgb(51, 51, 51)
SeaShell
シーシェル
rgb(255, 245, 238)
#fff5ee
最適 rgb(51, 51, 51)
Beige
ベージュ
rgb(245, 245, 220)
#f5f5dc
最適 rgb(51, 51, 51)
OldLace
オールドレース
rgb(253, 245, 230)
#fdf5e6
最適 rgb(51, 51, 51)
FloralWhite
フローラルホワイト
rgb(255, 250, 240)
#fffaf0
最適 rgb(51, 51, 51)
Ivory
アイボリー
rgb(255, 255, 240)
#fffff0
最適 rgb(51, 51, 51)
AntiqueWhite
アンティークホワイト
rgb(250, 235, 215)
#faebd7
最適 rgb(51, 51, 51)
Linen
リネン
rgb(250, 240, 230)
#faf0e6
最適 rgb(51, 51, 51)
LavenderBlush
ラベンダーブラッシュ
rgb(255, 240, 245)
#fff0f5
最適 rgb(51, 51, 51)
MistyRose
ミスティローズ
rgb(255, 228, 225)
#ffe4e1
最適 rgb(51, 51, 51)
グレー系 10色
Gainsboro
ゲインズボロ
rgb(220, 220, 220)
#dcdcdc
最適 rgb(51, 51, 51)
LightGray
ライトグレー
rgb(211, 211, 211)
#d3d3d3
最適 rgb(51, 51, 51)
Silver
シルバー
rgb(192, 192, 192)
#c0c0c0
最適 rgb(20, 20, 20)
DarkGray
ダークグレー
rgb(169, 169, 169)
#a9a9a9
最適 rgb(20, 20, 20)
DimGray
ディムグレー
rgb(105, 105, 105)
#696969
適 rgb(255, 255, 255)
Gray
グレー
rgb(128, 128, 128)
#808080
適 rgb(0, 0, 0)
LightSlateGray
ライトスレートグレー
rgb(119, 136, 153)
#778899
適 rgb(0, 0, 0)
SlateGray
スレートグレー
rgb(112, 128, 144)
#708090
適 rgb(0, 0, 0)
DarkSlateGray
ダークスレートグレー
rgb(47, 79, 79)
#2f4f4f
最適 rgb(240, 240, 240)
Black
ブラック
rgb(0, 0, 0)
#000000
最適 rgb(240, 240, 240)
CSSで使える「カラーネーム」140色
文字や背景に色をつける際 カラーコード を利用しますが、誰もが当たり前に知っている色ならば進数ではなく色名で記すことができます。...
-
ブログ作成に役立つブックマークレット2018/10/01 - ブログ作業効率を上げるためのPC小技いろいろ2018/09/19
- CSSで使える「カラーネーム」140色2018/07/29
- アイコンは【Font Awesome】だけじゃない 超便利【Icongram】2018/02/25
- ページ表示スピードを教えてくれるブックマークレットの紹介2018/01/25
- スマートフォンやタブレットを持っていない人はこのサイトで見え方を確認できるよ2017/10/23
- ブログカードのブックマークレットを作成しました2017/09/24
- 画像を圧縮して軽くするおすすめサイト「Tiny PNG」2015/06/26
