#0000FF vs #FFFF00 — カラー比較

コントラスト比

8.0:1

Delta E

235.15

Very Different

50:50 ミックス

#CA8AAA

カラー値

フォーマット	#0000FF	#FFFF00
HEX	#0000FF	#FFFF00
RGB	0, 0, 255	255, 255, 0
HSL	240.0, 100.0%, 50.0%	60.0, 100.0%, 50.0%
HSV	240.0, 100.0%, 100.0%	60.0, 100.0%, 100.0%
CMYK	100.0%, 100.0%, 0.0%, 0.0%	0.0%, 0.0%, 100.0%, 0.0%
OKLCH	0.452 0.3132 264.1	0.968 0.211 109.8

コントラストとアクセシビリティ

8.0:1

AA Pass AA Large Pass AAA Pass AAA Large Pass

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FFFF00 → 背景色: #0000FF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #0000FF → 背景色: #FFFF00

色差 (Delta E)

235.15 Very Different

0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#0000FF #7F3BE3 #AB64C7 #CA8AAA #E0B189 #F2D860 #FFFF00

カラーミキシング

#0000FF

100%

#9850D5

75:25

#CA8AAA

50:50

#EAC476

25:75

#FFFF00

100%

CSSグラデーションコード

background: linear-gradient(to right, #0000FF, #FFFF00);

background: linear-gradient(135deg, #0000FF, #FFFF00);

各色を詳しく見る

blue

カラーの詳細をすべて見る

yellow