#442DF6
#442DF6
#DFF62D
#DFF62D
カラー値
| フォーマット | #442DF6 | #DFF62D |
|---|---|---|
| HEX | #442DF6 | #DFF62D |
| RGB | 68, 45, 246 | 223, 246, 45 |
| HSL | 246.9, 91.8%, 57.1% | 66.9, 91.8%, 57.1% |
| HSV | 246.9, 81.7%, 96.5% | 66.9, 81.7%, 96.5% |
| CMYK | 72.4%, 81.7%, 0.0%, 3.5% | 9.3%, 0.0%, 81.7%, 3.5% |
| OKLCH | 0.4903 0.2733 274.6 | 0.9251 0.2029 116.6 |
コントラストとアクセシビリティ
5.88:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DFF62D → 背景色: #442DF6
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #442DF6 → 背景色: #DFF62D
色差 (Delta E)
210.05
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #442DF6, #DFF62D);
background: linear-gradient(135deg, #442DF6, #DFF62D);