#0F0FAC
#0F0FAC
#ACAC0F
#ACAC0F
カラー値
| フォーマット | #0F0FAC | #ACAC0F |
|---|---|---|
| HEX | #0F0FAC | #ACAC0F |
| RGB | 15, 15, 172 | 172, 172, 15 |
| HSL | 240.0, 84.0%, 36.7% | 60.0, 84.0%, 36.7% |
| HSV | 240.0, 91.3%, 67.5% | 60.0, 91.3%, 67.5% |
| CMYK | 91.3%, 91.3%, 0.0%, 32.5% | 0.0%, 0.0%, 91.3%, 32.5% |
| OKLCH | 0.3491 0.2244 266.5 | 0.7209 0.1543 109.7 |
コントラストとアクセシビリティ
5.14:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #ACAC0F → 背景色: #0F0FAC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #0F0FAC → 背景色: #ACAC0F
色差 (Delta E)
168.76
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #0F0FAC, #ACAC0F);
background: linear-gradient(135deg, #0F0FAC, #ACAC0F);