#45F807
#45F807
#BA07F8
#BA07F8
カラー値
| フォーマット | #45F807 | #BA07F8 |
|---|---|---|
| HEX | #45F807 | #BA07F8 |
| RGB | 69, 248, 7 | 186, 7, 248 |
| HSL | 104.6, 94.5%, 50.0% | 284.6, 94.5%, 50.0% |
| HSV | 104.6, 97.2%, 97.3% | 284.6, 97.2%, 97.3% |
| CMYK | 72.2%, 0.0%, 97.2%, 2.7% | 25.0%, 97.2%, 0.0%, 2.7% |
| OKLCH | 0.8556 0.2782 140.7 | 0.5983 0.2956 313.0 |
コントラストとアクセシビリティ
3.28:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BA07F8 → 背景色: #45F807
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #45F807 → 背景色: #BA07F8
色差 (Delta E)
231.86
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #45F807, #BA07F8);
background: linear-gradient(135deg, #45F807, #BA07F8);