#5AF35B
#5AF35B
#F35AF2
#F35AF2
カラー値
| フォーマット | #5AF35B | #F35AF2 |
|---|---|---|
| HEX | #5AF35B | #F35AF2 |
| RGB | 90, 243, 91 | 243, 90, 242 |
| HSL | 120.4, 86.4%, 65.3% | 300.4, 86.4%, 65.3% |
| HSV | 120.4, 63.0%, 95.3% | 300.4, 63.0%, 95.3% |
| CMYK | 63.0%, 0.0%, 62.6%, 4.7% | 0.0%, 63.0%, 0.4%, 4.7% |
| OKLCH | 0.8523 0.2328 143.3 | 0.7219 0.2501 328.1 |
コントラストとアクセシビリティ
1.91:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F35AF2 → 背景色: #5AF35B
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #5AF35B → 背景色: #F35AF2
色差 (Delta E)
181.71
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #5AF35B, #F35AF2);
background: linear-gradient(135deg, #5AF35B, #F35AF2);