#8295FF
#8295FF
#FFEC82
#FFEC82
カラー値
| フォーマット | #8295FF | #FFEC82 |
|---|---|---|
| HEX | #8295FF | #FFEC82 |
| RGB | 130, 149, 255 | 255, 236, 130 |
| HSL | 230.9, 100.0%, 75.5% | 50.9, 100.0%, 75.5% |
| HSV | 230.9, 49.0%, 100.0% | 50.9, 49.0%, 100.0% |
| CMYK | 49.0%, 41.6%, 0.0%, 0.0% | 0.0%, 7.5%, 49.0%, 0.0% |
| OKLCH | 0.7021 0.1561 274.0 | 0.9369 0.1286 99.4 |
コントラストとアクセシビリティ
2.28:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FFEC82 → 背景色: #8295FF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8295FF → 背景色: #FFEC82
色差 (Delta E)
115.45
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #8295FF, #FFEC82);
background: linear-gradient(135deg, #8295FF, #FFEC82);