#78AF49
#78AF49
#8049AF
#8049AF
カラー値
| フォーマット | #78AF49 | #8049AF |
|---|---|---|
| HEX | #78AF49 | #8049AF |
| RGB | 120, 175, 73 | 128, 73, 175 |
| HSL | 92.4, 41.1%, 48.6% | 272.4, 41.1%, 48.6% |
| HSV | 92.4, 58.3%, 68.6% | 272.4, 58.3%, 68.6% |
| CMYK | 31.4%, 0.0%, 58.3%, 31.4% | 26.9%, 58.3%, 0.0%, 31.4% |
| OKLCH | 0.6935 0.146 132.8 | 0.5175 0.1601 306.5 |
コントラストとアクセシビリティ
2.3:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #8049AF → 背景色: #78AF49
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #78AF49 → 背景色: #8049AF
色差 (Delta E)
122.78
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #78AF49, #8049AF);
background: linear-gradient(135deg, #78AF49, #8049AF);