#2AF10E
#2AF10E
#D50EF1
#D50EF1
カラー値
| フォーマット | #2AF10E | #D50EF1 |
|---|---|---|
| HEX | #2AF10E | #D50EF1 |
| RGB | 42, 241, 14 | 213, 14, 241 |
| HSL | 112.6, 89.0%, 50.0% | 292.6, 89.0%, 50.0% |
| HSV | 112.6, 94.2%, 94.5% | 292.6, 94.2%, 94.5% |
| CMYK | 82.6%, 0.0%, 94.2%, 5.5% | 11.6%, 94.2%, 0.0%, 5.5% |
| OKLCH | 0.8333 0.2768 141.9 | 0.6329 0.2967 321.6 |
コントラストとアクセシビリティ
2.65:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #D50EF1 → 背景色: #2AF10E
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #2AF10E → 背景色: #D50EF1
色差 (Delta E)
224.4
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #2AF10E, #D50EF1);
background: linear-gradient(135deg, #2AF10E, #D50EF1);