#77DC81
#77DC81
#DC77D2
#DC77D2
カラー値
| フォーマット | #77DC81 | #DC77D2 |
|---|---|---|
| HEX | #77DC81 | #DC77D2 |
| RGB | 119, 220, 129 | 220, 119, 210 |
| HSL | 125.9, 59.1%, 66.5% | 305.9, 59.1%, 66.5% |
| HSV | 125.9, 45.9%, 86.3% | 305.9, 45.9%, 86.3% |
| CMYK | 45.9%, 0.0%, 41.4%, 13.7% | 0.0%, 45.9%, 4.5%, 13.7% |
| OKLCH | 0.811 0.1579 146.1 | 0.7126 0.1677 330.9 |
コントラストとアクセシビリティ
1.62:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DC77D2 → 背景色: #77DC81
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #77DC81 → 背景色: #DC77D2
色差 (Delta E)
120.62
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #77DC81, #DC77D2);
background: linear-gradient(135deg, #77DC81, #DC77D2);