#480b0a
RGB ( 赤 = 72, 緑 = 11, 青 = 10 )
HSL ( 色相 = 1°, 彩度 = 76%, 明度 = 16% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #480b0a : ±0
11 : #48150a : +10
21 : #481f0a : +20
31 : #482a0a : +30
41 : #48340a : +40
51 : #483f0a : +50
61 : #47480a : +60
71 : #3c480a : +70
81 : #32480a : +80
91 : #28480a : +90
101 : #1d480a : +100
111 : #13480a : +110
121 : #0a480b : +120
131 : #0a4815 : +130
141 : #0a481f : +140
151 : #0a482a : +150
161 : #0a4834 : +160
171 : #0a483f : +170
181 : #0a4748 : +180
191 : #0a3c48 : +190
201 : #0a3248 : +200
211 : #0a2848 : +210
221 : #0a1d48 : +220
231 : #0a1348 : +230
241 : #0b0a48 : +240
251 : #150a48 : +250
261 : #1f0a48 : +260
271 : #2a0a48 : +270
281 : #340a48 : +280
291 : #3f0a48 : +290
301 : #480a47 : +300
311 : #480a3c : +310
321 : #480a32 : +320
331 : #480a28 : +330
341 : #480a1d : +340
351 : #480a13 : +350
351 : #480a13 : +350
352 : #480a12 : +351
353 : #480a11 : +352
354 : #480a10 : +353
355 : #480a0f : +354
356 : #480a0e : +355
357 : #480a0d : +356
358 : #480a0c : +357
359 : #480a0b : +358
0 : #480a0a : -1
1 : #480b0a : ±0
2 : #480c0a : +1
3 : #480d0a : +2
4 : #480e0a : +3
5 : #480f0a : +4
6 : #48100a : +5
7 : #48110a : +6
8 : #48120a : +7
9 : #48130a : +8
10 : #48140a : +9
11 : #48150a : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -76
2 : #2a2828 : -74
4 : #2a2727 : -72
6 : #2b2626 : -70
8 : #2c2626 : -68
10 : #2d2525 : -66
12 : #2e2424 : -64
14 : #2f2323 : -62
16 : #2f2222 : -60
18 : #302221 : -58
20 : #312121 : -56
22 : #322020 : -54
24 : #331f1f : -52
26 : #331f1e : -50
28 : #341e1d : -48
30 : #351d1d : -46
32 : #361c1c : -44
34 : #371b1b : -42
36 : #371b1a : -40
38 : #381a19 : -38
40 : #391918 : -36
42 : #3a1818 : -34
44 : #3b1717 : -32
46 : #3c1716 : -30
48 : #3c1615 : -28
50 : #3d1514 : -26
52 : #3e1414 : -24
54 : #3f1413 : -22
56 : #401312 : -20
58 : #401211 : -18
60 : #411110 : -16
62 : #421010 : -14
64 : #43100f : -12
66 : #440f0e : -10
68 : #450e0d : -8
70 : #450d0c : -6
72 : #460c0b : -4
74 : #470c0b : -2
76 : #480b0a : ±0
78 : #490a09 : +2
80 : #490908 : +4
82 : #4a0807 : +6
84 : #4b0807 : +8
86 : #4c0706 : +10
88 : #4d0605 : +12
90 : #4e0504 : +14
92 : #4e0503 : +16
94 : #4f0402 : +18
96 : #500302 : +20
98 : #510201 : +22
100 : #520100 : +24
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090101 : -14
4 : #120302 : -12
6 : #1b0404 : -10
8 : #240505 : -8
10 : #2d0706 : -6
12 : #360807 : -4
14 : #3f0909 : -2
16 : #480b0a : ±0
18 : #510c0b : +2
20 : #5a0e0c : +4
22 : #630f0d : +6
24 : #6c100f : +8
26 : #751210 : +10
28 : #7e1311 : +12
30 : #871412 : +14
32 : #901614 : +16
34 : #991715 : +18
36 : #a21816 : +20
38 : #ab1a17 : +22
40 : #b41b18 : +24
42 : #bc1c1a : +26
44 : #c51e1b : +28
46 : #ce1f1c : +30
48 : #d7201d : +32
50 : #e0221f : +34
52 : #e22b28 : +36
54 : #e33431 : +38
56 : #e43c3a : +40
58 : #e54543 : +42
60 : #e74e4b : +44
62 : #e85754 : +46
64 : #e9605d : +48
66 : #ea6966 : +50
68 : #eb716f : +52
70 : #ed7a78 : +54
72 : #ee8381 : +56
74 : #ef8c8a : +58
76 : #f09593 : +60
78 : #f29e9c : +62
80 : #f3a7a5 : +64
82 : #f4afae : +66
84 : #f5b8b7 : +68
86 : #f6c1c0 : +70
88 : #f8cac9 : +72
90 : #f9d3d2 : +74
92 : #fadcdb : +76
94 : #fbe4e4 : +78
96 : #fdeded : +80
98 : #fef6f6 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow