#A3FD6A
#A3FD6A
#C46AFD
#C46AFD
カラー値
| フォーマット | #A3FD6A | #C46AFD |
|---|---|---|
| HEX | #A3FD6A | #C46AFD |
| RGB | 163, 253, 106 | 196, 106, 253 |
| HSL | 96.7, 97.4%, 70.4% | 276.7, 97.4%, 70.4% |
| HSV | 96.7, 58.1%, 99.2% | 276.7, 58.1%, 99.2% |
| CMYK | 35.6%, 0.0%, 58.1%, 0.8% | 22.5%, 58.1%, 0.0%, 0.8% |
| OKLCH | 0.9073 0.2009 135.0 | 0.6886 0.2181 310.1 |
コントラストとアクセシビリティ
2.46:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #C46AFD → 背景色: #A3FD6A
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #A3FD6A → 背景色: #C46AFD
色差 (Delta E)
166.46
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #A3FD6A, #C46AFD);
background: linear-gradient(135deg, #A3FD6A, #C46AFD);