#71CF5C
#71CF5C
#BA5CCF
#BA5CCF
カラー値
| フォーマット | #71CF5C | #BA5CCF |
|---|---|---|
| HEX | #71CF5C | #BA5CCF |
| RGB | 113, 207, 92 | 186, 92, 207 |
| HSL | 109.0, 54.5%, 58.6% | 289.0, 54.5%, 58.6% |
| HSV | 109.0, 55.6%, 81.2% | 289.0, 55.6%, 81.2% |
| CMYK | 45.4%, 0.0%, 55.6%, 18.8% | 10.1%, 55.6%, 0.0%, 18.8% |
| OKLCH | 0.7711 0.1771 140.1 | 0.6323 0.1882 320.0 |
コントラストとアクセシビリティ
1.95:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #BA5CCF → 背景色: #71CF5C
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #71CF5C → 背景色: #BA5CCF
色差 (Delta E)
140.45
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #71CF5C, #BA5CCF);
background: linear-gradient(135deg, #71CF5C, #BA5CCF);