#7253FF
#7253FF
#E0FF53
#E0FF53
カラー値
| フォーマット | #7253FF | #E0FF53 |
|---|---|---|
| HEX | #7253FF | #E0FF53 |
| RGB | 114, 83, 255 | 224, 255, 83 |
| HSL | 250.8, 100.0%, 66.3% | 70.8, 100.0%, 66.3% |
| HSV | 250.8, 67.5%, 100.0% | 70.8, 67.5%, 100.0% |
| CMYK | 55.3%, 67.5%, 0.0%, 0.0% | 12.2%, 0.0%, 67.5%, 0.0% |
| OKLCH | 0.578 0.2412 284.2 | 0.9474 0.1929 119.1 |
コントラストとアクセシビリティ
4.23:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #E0FF53 → 背景色: #7253FF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7253FF → 背景色: #E0FF53
色差 (Delta E)
185.38
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7253FF, #E0FF53);
background: linear-gradient(135deg, #7253FF, #E0FF53);