hsl(30, 92%, 50%) | HSLカラーコード
| RGB (HEX) | #f5800a |
|---|---|
| RGB (10進数) | rgb(245, 128, 10) |
| RGB (%) | rgb(96%, 50%, 4%) |
| HSL | hsl(30, 92%, 50%) |
| HSV | hsv(30, 96%, 96%) |
| 明るさ (Rec.601) | 59% |
|---|---|
| 明るさ (Rec.709) | 57% |
| 輝度 (HSL) | 50% |
| 明度 (HSV) | 96% |
| 色相 | 30 |
| 色調 | オレンジ、茶色、ベージュ |
| 赤 | 245 (96%) |
| 緑 | 128 (50%) |
| 青 | 10 (4%) |
| 彩度 (HSL) | 92% |
| 彩度 (HSV) | 96% |
WCAG 2.1 コントラスト比
白背景 (#ffffff)
2.63:1
AA 通常 (4.5:1) · 基準未満AA 大きい文字 (3:1) · 基準未満AAA 通常 (7:1) · 基準未満
黒背景 (#000000)
7.97:1
a
Aa Bb 123
ジェネレーター
リセット