#54442c
RGB ( 赤 = 84, 緑 = 68, 青 = 44 )
HSL ( 色相 = 36°, 彩度 = 31%, 明度 = 25% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #54302c : -30
16 : #54372c : -20
26 : #543d2c : -10
36 : #54442c : ±0
46 : #544a2c : +10
56 : #54512c : +20
66 : #50542c : +30
76 : #49542c : +40
86 : #42542c : +50
96 : #3c542c : +60
106 : #35542c : +70
116 : #2f542c : +80
126 : #2c5430 : +90
136 : #2c5437 : +100
146 : #2c543d : +110
156 : #2c5444 : +120
166 : #2c544a : +130
176 : #2c5451 : +140
186 : #2c5054 : +150
196 : #2c4954 : +160
206 : #2c4254 : +170
216 : #2c3c54 : +180
226 : #2c3554 : +190
236 : #2c2f54 : +200
246 : #302c54 : +210
256 : #372c54 : +220
266 : #3d2c54 : +230
276 : #442c54 : +240
286 : #4a2c54 : +250
296 : #512c54 : +260
306 : #542c50 : +270
316 : #542c49 : +280
326 : #542c42 : +290
336 : #542c3c : +300
346 : #542c35 : +310
356 : #542c2f : +320
26 : #543d2c : -10
27 : #543e2c : -9
28 : #543e2c : -8
29 : #543f2c : -7
30 : #54402c : -6
31 : #54402c : -5
32 : #54412c : -4
33 : #54422c : -3
34 : #54422c : -2
35 : #54432c : -1
36 : #54442c : ±0
37 : #54442c : +1
38 : #54452c : +2
39 : #54462c : +3
40 : #54462c : +4
41 : #54472c : +5
42 : #54482c : +6
43 : #54482c : +7
44 : #54492c : +8
45 : #544a2c : +9
46 : #544a2c : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #40403f : -30
3 : #42403e : -28
5 : #43403d : -26
7 : #44413b : -24
9 : #45413a : -22
11 : #474139 : -20
13 : #484137 : -18
15 : #494236 : -16
17 : #4b4235 : -14
19 : #4c4234 : -12
21 : #4d4232 : -10
23 : #4e4331 : -8
25 : #504330 : -6
27 : #51432f : -4
29 : #52432d : -2
31 : #54442c : ±0
33 : #55442b : +2
35 : #564429 : +4
37 : #574428 : +6
39 : #594527 : +8
41 : #5a4526 : +10
43 : #5b4524 : +12
45 : #5c4523 : +14
47 : #5e4622 : +16
49 : #5f4621 : +18
51 : #60461f : +20
53 : #62471e : +22
55 : #63471d : +24
57 : #64471b : +26
59 : #65471a : +28
61 : #674819 : +30
63 : #684818 : +32
65 : #694816 : +34
67 : #6a4815 : +36
69 : #6c4914 : +38
71 : #6d4912 : +40
73 : #6e4911 : +42
75 : #704910 : +44
77 : #714a0f : +46
79 : #724a0d : +48
81 : #734a0c : +50
83 : #754a0b : +52
85 : #764b0a : +54
87 : #774b08 : +56
89 : #784b07 : +58
91 : #7a4b06 : +60
93 : #7b4c04 : +62
95 : #7c4c03 : +64
97 : #7e4c02 : +66
99 : #7f4c01 : +68
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -24
3 : #0a0805 : -22
5 : #110e09 : -20
7 : #17130c : -18
9 : #1e1810 : -16
11 : #251e13 : -14
13 : #2b2317 : -12
15 : #32291a : -10
17 : #392e1e : -8
19 : #3f3321 : -6
21 : #463925 : -4
23 : #4d3e28 : -2
25 : #54442c : ±0
27 : #5a4930 : +2
29 : #614f33 : +4
31 : #685437 : +6
33 : #6e593a : +8
35 : #755f3e : +10
37 : #7c6441 : +12
39 : #826a45 : +14
41 : #896f48 : +16
43 : #90744c : +18
45 : #967a4f : +20
47 : #9d7f53 : +22
49 : #a48556 : +24
51 : #a98a5b : +26
53 : #ac8f62 : +28
55 : #b09369 : +30
57 : #b3986f : +32
59 : #b79d76 : +34
61 : #baa27d : +36
63 : #bea683 : +38
65 : #c1ab8a : +40
67 : #c5b091 : +42
69 : #c8b597 : +44
71 : #ccba9e : +46
73 : #cfbea5 : +48
75 : #d3c3ab : +50
77 : #d7c8b2 : +52
79 : #dacdb9 : +54
81 : #ded2c0 : +56
83 : #e1d6c6 : +58
85 : #e5dbcd : +60
87 : #e8e0d4 : +62
89 : #ece5da : +64
91 : #efe9e1 : +66
93 : #f3eee8 : +68
95 : #f6f3ee : +70
97 : #faf8f5 : +72
99 : #fdfdfc : +74
CSS入門、作ってます。
text-shadow