#50DC44
#50DC44
#D044DC
#D044DC
カラー値
| フォーマット | #50DC44 | #D044DC |
|---|---|---|
| HEX | #50DC44 | #D044DC |
| RGB | 80, 220, 68 | 208, 68, 220 |
| HSL | 115.3, 68.5%, 56.5% | 295.3, 68.5%, 56.5% |
| HSV | 115.3, 69.1%, 86.3% | 295.3, 69.1%, 86.3% |
| CMYK | 63.6%, 0.0%, 69.1%, 13.7% | 5.5%, 69.1%, 0.0%, 13.7% |
| OKLCH | 0.7893 0.2255 142.0 | 0.6417 0.2422 324.5 |
コントラストとアクセシビリティ
2.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #D044DC → 背景色: #50DC44
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #50DC44 → 背景色: #D044DC
色差 (Delta E)
178.74
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #50DC44, #D044DC);
background: linear-gradient(135deg, #50DC44, #D044DC);