#58F972
#58F972
#F958DF
#F958DF
カラー値
| フォーマット | #58F972 | #F958DF |
|---|---|---|
| HEX | #58F972 | #F958DF |
| RGB | 88, 249, 114 | 249, 88, 223 |
| HSL | 129.7, 93.1%, 66.1% | 309.7, 93.1%, 66.1% |
| HSV | 129.7, 64.7%, 97.6% | 309.7, 64.7%, 97.6% |
| CMYK | 64.7%, 0.0%, 54.2%, 2.4% | 0.0%, 64.7%, 10.4%, 2.4% |
| OKLCH | 0.8693 0.223 146.1 | 0.7189 0.2418 334.8 |
コントラストとアクセシビリティ
2.03:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F958DF → 背景色: #58F972
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #58F972 → 背景色: #F958DF
色差 (Delta E)
171.19
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #58F972, #F958DF);
background: linear-gradient(135deg, #58F972, #F958DF);