#6538DF
#6538DF
#B2DF38
#B2DF38
カラー値
| フォーマット | #6538DF | #B2DF38 |
|---|---|---|
| HEX | #6538DF | #B2DF38 |
| RGB | 101, 56, 223 | 178, 223, 56 |
| HSL | 256.2, 72.3%, 54.7% | 76.2, 72.3%, 54.7% |
| HSV | 256.2, 74.9%, 87.5% | 76.2, 74.9%, 87.5% |
| CMYK | 54.7%, 74.9%, 0.0%, 12.5% | 20.2%, 0.0%, 74.9%, 12.5% |
| OKLCH | 0.5043 0.2339 287.0 | 0.8427 0.1907 124.0 |
コントラストとアクセシビリティ
4.24:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #B2DF38 → 背景色: #6538DF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6538DF → 背景色: #B2DF38
色差 (Delta E)
182.42
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #6538DF, #B2DF38);
background: linear-gradient(135deg, #6538DF, #B2DF38);