#543016
RGB ( 赤 = 84, 緑 = 48, 青 = 22 )
HSL ( 色相 = 25°, 彩度 = 58%, 明度 = 21% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #551c16 : -20
15 : #552616 : -10
25 : #553016 : ±0
35 : #553b16 : +10
45 : #554516 : +20
55 : #554f16 : +30
65 : #4f5516 : +40
75 : #455516 : +50
85 : #3b5516 : +60
95 : #305516 : +70
105 : #265516 : +80
115 : #1c5516 : +90
125 : #16551c : +100
135 : #165526 : +110
145 : #165530 : +120
155 : #16553b : +130
165 : #165545 : +140
175 : #16554f : +150
185 : #164f55 : +160
195 : #164555 : +170
205 : #163b55 : +180
215 : #163055 : +190
225 : #162655 : +200
235 : #161c55 : +210
245 : #1c1655 : +220
255 : #261655 : +230
265 : #301655 : +240
275 : #3b1655 : +250
285 : #451655 : +260
295 : #4f1655 : +270
305 : #55164f : +280
315 : #551645 : +290
325 : #55163b : +300
335 : #551630 : +310
345 : #551626 : +320
355 : #55161c : +330
15 : #552616 : -10
16 : #552716 : -9
17 : #552816 : -8
18 : #552916 : -7
19 : #552a16 : -6
20 : #552b16 : -5
21 : #552c16 : -4
22 : #552d16 : -3
23 : #552e16 : -2
24 : #552f16 : -1
25 : #553016 : ±0
26 : #553116 : +1
27 : #553216 : +2
28 : #553316 : +3
29 : #553516 : +4
30 : #553616 : +5
31 : #553716 : +6
32 : #553816 : +7
33 : #553916 : +8
34 : #553a16 : +9
35 : #553b16 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -58
2 : #373534 : -56
4 : #383533 : -54
6 : #393532 : -52
8 : #3a3531 : -50
10 : #3b3530 : -48
12 : #3c342f : -46
14 : #3d342e : -44
16 : #3e342d : -42
18 : #3f342c : -40
20 : #40342b : -38
22 : #41342a : -36
24 : #423329 : -34
26 : #433328 : -32
28 : #453327 : -30
30 : #463325 : -28
32 : #473324 : -26
34 : #483323 : -24
36 : #493222 : -22
38 : #4a3221 : -20
40 : #4b3220 : -18
42 : #4c321f : -16
44 : #4d321e : -14
46 : #4e311d : -12
48 : #4f311c : -10
50 : #50311b : -8
52 : #51311a : -6
54 : #523119 : -4
56 : #543118 : -2
58 : #553016 : ±0
60 : #563015 : +2
62 : #573014 : +4
64 : #583013 : +6
66 : #593012 : +8
68 : #5a2f11 : +10
70 : #5b2f10 : +12
72 : #5c2f0f : +14
74 : #5d2f0e : +16
76 : #5e2f0d : +18
78 : #5f2f0c : +20
80 : #602e0b : +22
82 : #612e0a : +24
84 : #632e09 : +26
86 : #642e07 : +28
88 : #652e06 : +30
90 : #662e05 : +32
92 : #672d04 : +34
94 : #682d03 : +36
96 : #692d02 : +38
98 : #6a2d01 : +40
100 : #6b2d00 : +42
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -20
3 : #0c0703 : -18
5 : #140c05 : -16
7 : #1c1007 : -14
9 : #24150a : -12
11 : #2c190c : -10
13 : #341e0e : -8
15 : #3c2310 : -6
17 : #442712 : -4
19 : #4d2c14 : -2
21 : #553016 : ±0
23 : #5d3519 : +2
25 : #653a1b : +4
27 : #6d3e1d : +6
29 : #75431f : +8
31 : #7d4721 : +10
33 : #854c23 : +12
35 : #8d5125 : +14
37 : #955528 : +16
39 : #9d5a2a : +18
41 : #a55e2c : +20
43 : #ad632e : +22
45 : #b56830 : +24
47 : #bd6c32 : +26
49 : #c57134 : +28
51 : #cb763a : +30
53 : #cd7c42 : +32
55 : #cf814a : +34
57 : #d18752 : +36
59 : #d38c5a : +38
61 : #d59262 : +40
63 : #d7986a : +42
65 : #da9d72 : +44
67 : #dca37a : +46
69 : #dea882 : +48
71 : #e0ae8a : +50
73 : #e2b392 : +52
75 : #e4b99a : +54
77 : #e6bfa2 : +56
79 : #e9c4aa : +58
81 : #ebcab2 : +60
83 : #edcfbb : +62
85 : #efd5c3 : +64
87 : #f1dbcb : +66
89 : #f3e0d3 : +68
91 : #f5e6db : +70
93 : #f8ebe3 : +72
95 : #faf1eb : +74
97 : #fcf7f3 : +76
99 : #fefcfb : +78
CSS入門、作ってます。
text-shadow