#ee7711

色値色の表記。HEX(16進)・RGB(光の三原色)・HSL(色相/彩度/明度)・CMYK(印刷の4色・近似)。

HEX: #ee7711
RGB: rgb(238, 119, 17)
HSL: hsl(28, 87%, 50%)
OKLCH: oklch(69.5% 0.174 52)
CMYK: 0% 50% 93% 7%

相対輝度相対輝度。色の明るさを 0(黒)〜1(白)で表した値で、WCAG のコントラスト計算に使います。: 0.3141
色相色相。色みの種類(赤・橙・黄…)のこと。色相環を12分割して分類しています。: 橙
最も近い色名最も近い色名。この色に最も近い CSS 標準の色名です。: darkorange（ダークオレンジ）

コントラスト

背景に使う
	コントラスト比コントラスト比。2色の明るさの差を 1:1〜21:1 で表した値。大きいほど読みやすくなります。	APCA(Lc) APCA。WCAG 3 ドラフトの新しい知覚コントラスト指標。Lc はおおむね 0〜106 で、大きいほど読みやすい。符号は明暗(明背景に暗文字か、その逆か)を表します。
白文字	2.88:1	-60
黒文字	7.28:1	50
文字色に使う
白背景	2.88:1	54
黒背景	7.28:1	-47

調和色

補色補色。色相環で正反対(180°)の色。互いを引き立て合います。

類似色類似色。色相環で隣り合う(±15°ほど)色。まとまりのある配色になります。

#ee4411 #eeaa11

三色配色三色配色。色相環を3等分(120°ずつ)した3色。バランスよく華やかです。

#11ee77 #7711ee

スプリット補色スプリット補色。補色の両隣(180°±30°)の2色。補色よりも穏やかです。

#11eedd #1122ee

四色配色四色配色。色相環を4等分(90°ずつ)した4色。多色のアクセント向きです。

#22ee11 #1188ee #dd11ee

明暗トーン明暗トーン。色相を保ったまま明るさを変えた5段階です。

#442200 #884411

#ee7711

#eeaa77 #ffddbb

シェード・ティントシェード・ティント。白を混ぜた淡い色(ティント)と黒を混ぜた濃い色(シェード)の階調です。

#ffeedd #ffddbb #ffcc99 #eeaa77 #ee9955 #ee8833

#ee7711

#cc6611 #aa5511 #884411 #663300 #442200 #221100

印象印象。色が与える雰囲気のタグ(暖かい・穏やか・鮮やかなど)。

配色プレビュー

背景に使う（黒文字）

コントラスト比 7.28:1 APCA(Lc) 50

背景に使う（白文字）

コントラスト比 2.88:1 APCA(Lc) -60

文字色に使う（白背景）

コントラスト比 2.88:1 APCA(Lc) 54

文字色に使う（黒背景）

コントラスト比 7.28:1 APCA(Lc) -47