#DDFFDF
#DDFFDF
#FFDDFD
#FFDDFD
カラー値
| フォーマット | #DDFFDF | #FFDDFD |
|---|---|---|
| HEX | #DDFFDF | #FFDDFD |
| RGB | 221, 255, 223 | 255, 221, 253 |
| HSL | 123.5, 100.0%, 93.3% | 303.5, 100.0%, 93.3% |
| HSV | 123.5, 13.3%, 100.0% | 303.5, 13.3%, 100.0% |
| CMYK | 13.3%, 0.0%, 12.5%, 0.0% | 0.0%, 13.3%, 0.8%, 0.0% |
| OKLCH | 0.9672 0.0551 146.7 | 0.9351 0.056 327.9 |
コントラストとアクセシビリティ
1.14:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FFDDFD → 背景色: #DDFFDF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DDFFDF → 背景色: #FFDDFD
色差 (Delta E)
41.18
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #DDFFDF, #FFDDFD);
background: linear-gradient(135deg, #DDFFDF, #FFDDFD);