#ADFFCC
#ADFFCC
#FFADE0
#FFADE0
カラー値
| フォーマット | #ADFFCC | #FFADE0 |
|---|---|---|
| HEX | #ADFFCC | #FFADE0 |
| RGB | 173, 255, 204 | 255, 173, 224 |
| HSL | 142.7, 100.0%, 83.9% | 322.7, 100.0%, 83.9% |
| HSV | 142.7, 32.2%, 100.0% | 322.7, 32.2%, 100.0% |
| CMYK | 32.2%, 0.0%, 20.0%, 0.0% | 0.0%, 32.2%, 12.2%, 0.0% |
| OKLCH | 0.9338 0.1063 156.4 | 0.8415 0.1147 342.0 |
コントラストとアクセシビリティ
1.46:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FFADE0 → 背景色: #ADFFCC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ADFFCC → 背景色: #FFADE0
色差 (Delta E)
79.68
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #ADFFCC, #FFADE0);
background: linear-gradient(135deg, #ADFFCC, #FFADE0);