#78F885
#78F885
#F878EB
#F878EB
カラー値
| フォーマット | #78F885 | #F878EB |
|---|---|---|
| HEX | #78F885 | #F878EB |
| RGB | 120, 248, 133 | 248, 120, 235 |
| HSL | 126.1, 90.1%, 72.2% | 306.1, 90.1%, 72.2% |
| HSV | 126.1, 51.6%, 97.3% | 306.1, 51.6%, 97.3% |
| CMYK | 51.6%, 0.0%, 46.4%, 2.7% | 0.0%, 51.6%, 5.2%, 2.7% |
| OKLCH | 0.8797 0.1923 145.7 | 0.7592 0.2055 331.4 |
コントラストとアクセシビリティ
1.75:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F878EB → 背景色: #78F885
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #78F885 → 背景色: #F878EB
色差 (Delta E)
147.44
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #78F885, #F878EB);
background: linear-gradient(135deg, #78F885, #F878EB);