#72DA5A
#72DA5A
#C25ADA
#C25ADA
カラー値
| フォーマット | #72DA5A | #C25ADA |
|---|---|---|
| HEX | #72DA5A | #C25ADA |
| RGB | 114, 218, 90 | 194, 90, 218 |
| HSL | 108.8, 63.4%, 60.4% | 288.8, 63.4%, 60.4% |
| HSV | 108.8, 58.7%, 85.5% | 288.8, 58.7%, 85.5% |
| CMYK | 47.7%, 0.0%, 58.7%, 14.5% | 11.0%, 58.7%, 0.0%, 14.5% |
| OKLCH | 0.7985 0.1927 140.0 | 0.6457 0.2055 319.7 |
コントラストとアクセシビリティ
2.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C25ADA → 背景色: #72DA5A
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #72DA5A → 背景色: #C25ADA
色差 (Delta E)
153.59
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #72DA5A, #C25ADA);
background: linear-gradient(135deg, #72DA5A, #C25ADA);