#88DF45
#88DF45
#9C45DF
#9C45DF
カラー値
| フォーマット | #88DF45 | #9C45DF |
|---|---|---|
| HEX | #88DF45 | #9C45DF |
| RGB | 136, 223, 69 | 156, 69, 223 |
| HSL | 93.9, 70.6%, 57.3% | 273.9, 70.6%, 57.3% |
| HSV | 93.9, 69.1%, 87.5% | 273.9, 69.1%, 87.5% |
| CMYK | 39.0%, 0.0%, 69.1%, 12.5% | 30.0%, 69.1%, 0.0%, 12.5% |
| OKLCH | 0.8189 0.2034 134.4 | 0.5776 0.2249 306.4 |
コントラストとアクセシビリティ
2.93:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9C45DF → 背景色: #88DF45
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #88DF45 → 背景色: #9C45DF
色差 (Delta E)
173.87
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #88DF45, #9C45DF);
background: linear-gradient(135deg, #88DF45, #9C45DF);