#50CD3F
#50CD3F
#BC3FCD
#BC3FCD
カラー値
| フォーマット | #50CD3F | #BC3FCD |
|---|---|---|
| HEX | #50CD3F | #BC3FCD |
| RGB | 80, 205, 63 | 188, 63, 205 |
| HSL | 112.8, 58.7%, 52.5% | 292.8, 58.7%, 52.5% |
| HSV | 112.8, 69.3%, 80.4% | 292.8, 69.3%, 80.4% |
| CMYK | 61.0%, 0.0%, 69.3%, 19.6% | 8.3%, 69.3%, 0.0%, 19.6% |
| OKLCH | 0.7504 0.2114 141.4 | 0.6008 0.2268 322.7 |
コントラストとアクセシビリティ
2.14:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BC3FCD → 背景色: #50CD3F
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #50CD3F → 背景色: #BC3FCD
色差 (Delta E)
168.55
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #50CD3F, #BC3FCD);
background: linear-gradient(135deg, #50CD3F, #BC3FCD);