#7B3AC3
#7B3AC3
#82C33A
#82C33A
カラー値
| フォーマット | #7B3AC3 | #82C33A |
|---|---|---|
| HEX | #7B3AC3 | #82C33A |
| RGB | 123, 58, 195 | 130, 195, 58 |
| HSL | 268.5, 54.2%, 49.6% | 88.5, 54.2%, 49.6% |
| HSV | 268.5, 70.3%, 76.5% | 88.5, 70.3%, 76.5% |
| CMYK | 36.9%, 70.3%, 0.0%, 23.5% | 33.3%, 0.0%, 70.3%, 23.5% |
| OKLCH | 0.5057 0.2021 301.1 | 0.7469 0.1787 131.6 |
コントラストとアクセシビリティ
3.03:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #82C33A → 背景色: #7B3AC3
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7B3AC3 → 背景色: #82C33A
色差 (Delta E)
157.15
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7B3AC3, #82C33A);
background: linear-gradient(135deg, #7B3AC3, #82C33A);