#00FF90
#00FF90
#FF006F
#FF006F
カラー値
| フォーマット | #00FF90 | #FF006F |
|---|---|---|
| HEX | #00FF90 | #FF006F |
| RGB | 0, 255, 144 | 255, 0, 111 |
| HSL | 153.9, 100.0%, 50.0% | 333.9, 100.0%, 50.0% |
| HSV | 153.9, 100.0%, 100.0% | 333.9, 100.0%, 100.0% |
| CMYK | 100.0%, 0.0%, 43.5%, 0.0% | 0.0%, 100.0%, 56.5%, 0.0% |
| OKLCH | 0.8776 0.221 154.1 | 0.6408 0.2567 7.8 |
コントラストとアクセシビリティ
2.87:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FF006F → 背景色: #00FF90
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #00FF90 → 背景色: #FF006F
色差 (Delta E)
163.22
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #00FF90, #FF006F);
background: linear-gradient(135deg, #00FF90, #FF006F);