#81CE48
#81CE48
#9548CE
#9548CE
カラー値
| フォーマット | #81CE48 | #9548CE |
|---|---|---|
| HEX | #81CE48 | #9548CE |
| RGB | 129, 206, 72 | 149, 72, 206 |
| HSL | 94.5, 57.8%, 54.5% | 274.5, 57.8%, 54.5% |
| HSV | 94.5, 65.0%, 80.8% | 274.5, 65.0%, 80.8% |
| CMYK | 37.4%, 0.0%, 65.0%, 19.2% | 27.7%, 65.0%, 0.0%, 19.2% |
| OKLCH | 0.7743 0.1836 134.4 | 0.5611 0.2019 307.5 |
コントラストとアクセシビリティ
2.65:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #9548CE → 背景色: #81CE48
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #81CE48 → 背景色: #9548CE
色差 (Delta E)
155.26
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #81CE48, #9548CE);
background: linear-gradient(135deg, #81CE48, #9548CE);