#A780D6
#A780D6
#AFD680
#AFD680
カラー値
| フォーマット | #A780D6 | #AFD680 |
|---|---|---|
| HEX | #A780D6 | #AFD680 |
| RGB | 167, 128, 214 | 175, 214, 128 |
| HSL | 267.2, 51.2%, 67.1% | 87.2, 51.2%, 67.1% |
| HSV | 267.2, 40.2%, 83.9% | 87.2, 40.2%, 83.9% |
| CMYK | 22.0%, 40.2%, 0.0%, 16.1% | 18.2%, 0.0%, 40.2%, 16.1% |
| OKLCH | 0.671 0.1297 304.0 | 0.8281 0.1202 128.6 |
コントラストとアクセシビリティ
1.9:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #AFD680 → 背景色: #A780D6
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A780D6 → 背景色: #AFD680
色差 (Delta E)
99.38
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #A780D6, #AFD680);
background: linear-gradient(135deg, #A780D6, #AFD680);