#764BF7
#764BF7
#CCF74B
#CCF74B
カラー値
| フォーマット | #764BF7 | #CCF74B |
|---|---|---|
| HEX | #764BF7 | #CCF74B |
| RGB | 118, 75, 247 | 204, 247, 75 |
| HSL | 255.0, 91.5%, 63.1% | 75.0, 91.5%, 63.1% |
| HSV | 255.0, 69.6%, 96.9% | 75.0, 69.6%, 96.9% |
| CMYK | 52.2%, 69.6%, 0.0%, 3.1% | 17.4%, 0.0%, 69.6%, 3.1% |
| OKLCH | 0.564 0.2403 287.5 | 0.9154 0.1965 122.6 |
コントラストとアクセシビリティ
4.12:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CCF74B → 背景色: #764BF7
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #764BF7 → 背景色: #CCF74B
色差 (Delta E)
186.19
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #764BF7, #CCF74B);
background: linear-gradient(135deg, #764BF7, #CCF74B);