#7BFD54
#7BFD54
#D654FD
#D654FD
カラー値
| フォーマット | #7BFD54 | #D654FD |
|---|---|---|
| HEX | #7BFD54 | #D654FD |
| RGB | 123, 253, 84 | 214, 84, 253 |
| HSL | 106.2, 97.7%, 66.1% | 286.2, 97.7%, 66.1% |
| HSV | 106.2, 66.8%, 99.2% | 286.2, 66.8%, 99.2% |
| CMYK | 51.4%, 0.0%, 66.8%, 0.8% | 15.4%, 66.8%, 0.0%, 0.8% |
| OKLCH | 0.8872 0.2359 139.3 | 0.6843 0.2536 317.4 |
コントラストとアクセシビリティ
2.45:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #D654FD → 背景色: #7BFD54
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #7BFD54 → 背景色: #D654FD
色差 (Delta E)
191.44
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #7BFD54, #D654FD);
background: linear-gradient(135deg, #7BFD54, #D654FD);