#7612DF
#7612DF
#7BDF12
#7BDF12
カラー値
| フォーマット | #7612DF | #7BDF12 |
|---|---|---|
| HEX | #7612DF | #7BDF12 |
| RGB | 118, 18, 223 | 123, 223, 18 |
| HSL | 269.3, 85.1%, 47.3% | 89.3, 85.1%, 47.3% |
| HSV | 269.3, 91.9%, 87.5% | 89.3, 91.9%, 87.5% |
| CMYK | 47.1%, 91.9%, 0.0%, 12.5% | 44.8%, 0.0%, 91.9%, 12.5% |
| OKLCH | 0.4928 0.2601 296.0 | 0.8102 0.2308 134.5 |
コントラストとアクセシビリティ
4.25:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7BDF12 → 背景色: #7612DF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7612DF → 背景色: #7BDF12
色差 (Delta E)
209.36
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7612DF, #7BDF12);
background: linear-gradient(135deg, #7612DF, #7BDF12);