#4ABA21
#4ABA21
#9121BA
#9121BA
カラー値
| フォーマット | #4ABA21 | #9121BA |
|---|---|---|
| HEX | #4ABA21 | #9121BA |
| RGB | 74, 186, 33 | 145, 33, 186 |
| HSL | 103.9, 69.9%, 42.9% | 283.9, 69.9%, 42.9% |
| HSV | 103.9, 82.3%, 72.9% | 283.9, 82.3%, 72.9% |
| CMYK | 60.2%, 0.0%, 82.3%, 27.1% | 22.0%, 82.3%, 0.0%, 27.1% |
| OKLCH | 0.697 0.2081 139.3 | 0.5038 0.2247 314.4 |
コントラストとアクセシビリティ
2.66:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9121BA → 背景色: #4ABA21
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #4ABA21 → 背景色: #9121BA
色差 (Delta E)
172.84
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #4ABA21, #9121BA);
background: linear-gradient(135deg, #4ABA21, #9121BA);