#8950FD
#8950FD
#C4FD50
#C4FD50
カラー値
| フォーマット | #8950FD | #C4FD50 |
|---|---|---|
| HEX | #8950FD | #C4FD50 |
| RGB | 137, 80, 253 | 196, 253, 80 |
| HSL | 259.8, 97.7%, 65.3% | 79.8, 97.7%, 65.3% |
| HSV | 259.8, 68.4%, 99.2% | 79.8, 68.4%, 99.2% |
| CMYK | 45.8%, 68.4%, 0.0%, 0.8% | 22.5%, 0.0%, 68.4%, 0.8% |
| OKLCH | 0.5929 0.2412 292.6 | 0.9239 0.2039 126.0 |
コントラストとアクセシビリティ
3.78:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C4FD50 → 背景色: #8950FD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8950FD → 背景色: #C4FD50
色差 (Delta E)
187.48
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #8950FD, #C4FD50);
background: linear-gradient(135deg, #8950FD, #C4FD50);