#543b3d
RGB ( 赤 = 84, 緑 = 59, 青 = 61 )
HSL ( 色相 = 355°, 彩度 = 17%, 明度 = 28% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #543d3b : -350
15 : #54413b : -340
25 : #54453b : -330
35 : #54493b : -320
45 : #544d3b : -310
55 : #54523b : -300
65 : #52543b : -290
75 : #4d543b : -280
85 : #49543b : -270
95 : #45543b : -260
105 : #41543b : -250
115 : #3d543b : -240
125 : #3b543d : -230
135 : #3b5441 : -220
145 : #3b5445 : -210
155 : #3b5449 : -200
165 : #3b544d : -190
175 : #3b5452 : -180
185 : #3b5254 : -170
195 : #3b4d54 : -160
205 : #3b4954 : -150
215 : #3b4554 : -140
225 : #3b4154 : -130
235 : #3b3d54 : -120
245 : #3d3b54 : -110
255 : #413b54 : -100
265 : #453b54 : -90
275 : #493b54 : -80
285 : #4d3b54 : -70
295 : #523b54 : -60
305 : #543b52 : -50
315 : #543b4d : -40
325 : #543b49 : -30
335 : #543b45 : -20
345 : #543b41 : -10
355 : #543b3d : ±0
345 : #543b41 : -10
346 : #543b41 : -9
347 : #543b41 : -8
348 : #543b40 : -7
349 : #543b40 : -6
350 : #543b3f : -5
351 : #543b3f : -4
352 : #543b3e : -3
353 : #543b3e : -2
354 : #543b3e : -1
355 : #543b3d : ±0
356 : #543b3d : +1
357 : #543b3c : +2
358 : #543b3c : +3
359 : #543b3c : +4
0 : #543b3b : -355
1 : #543c3b : -354
2 : #543c3b : -353
3 : #543c3b : -352
4 : #543d3b : -351
5 : #543d3b : -350
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484747 : -16
3 : #4a4546 : -14
5 : #4b4444 : -12
7 : #4c4243 : -10
9 : #4e4142 : -8
11 : #4f4041 : -6
13 : #513e40 : -4
15 : #523d3e : -2
17 : #543b3d : ±0
19 : #553a3c : +2
21 : #56383b : +4
23 : #58373a : +6
25 : #593639 : +8
27 : #5b3437 : +10
29 : #5c3336 : +12
31 : #5e3135 : +14
33 : #5f3034 : +16
35 : #602e33 : +18
37 : #622d31 : +20
39 : #632c30 : +22
41 : #652a2f : +24
43 : #66292e : +26
45 : #68272d : +28
47 : #69262b : +30
49 : #6a242a : +32
51 : #6c2329 : +34
53 : #6d2228 : +36
55 : #6f2027 : +38
57 : #701f25 : +40
59 : #721d24 : +42
61 : #731c23 : +44
63 : #741a22 : +46
65 : #761921 : +48
67 : #771820 : +50
69 : #79161e : +52
71 : #7a151d : +54
73 : #7c131c : +56
75 : #7d121b : +58
77 : #7e101a : +60
79 : #800f18 : +62
81 : #810e17 : +64
83 : #830c16 : +66
85 : #840b15 : +68
87 : #860914 : +70
89 : #870812 : +72
91 : #880611 : +74
93 : #8a0510 : +76
95 : #8b040f : +78
97 : #8d020e : +80
99 : #8e010c : +82
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #060404 : -26
4 : #0c0809 : -24
6 : #120d0d : -22
8 : #181112 : -20
10 : #1e1516 : -18
12 : #24191a : -16
14 : #2a1e1f : -14
16 : #302223 : -12
18 : #362627 : -10
20 : #3c2a2c : -8
22 : #422f30 : -6
24 : #483335 : -4
26 : #4e3739 : -2
28 : #543b3d : ±0
30 : #5a3f42 : +2
32 : #5f4446 : +4
34 : #65484a : +6
36 : #6b4c4f : +8
38 : #715053 : +10
40 : #775558 : +12
42 : #7d595c : +14
44 : #835d60 : +16
46 : #896165 : +18
48 : #8f6669 : +20
50 : #956a6d : +22
52 : #997073 : +24
54 : #9e7679 : +26
56 : #a27c7f : +28
58 : #a68285 : +30
60 : #aa888b : +32
62 : #af8e90 : +34
64 : #b39496 : +36
66 : #b79a9c : +38
68 : #bba0a2 : +40
70 : #c0a5a8 : +42
72 : #c4abad : +44
74 : #c8b1b3 : +46
76 : #ccb7b9 : +48
78 : #d0bdbf : +50
80 : #d5c3c5 : +52
82 : #d9c9cb : +54
84 : #ddcfd0 : +56
86 : #e1d5d6 : +58
88 : #e6dbdc : +60
90 : #eae1e2 : +62
92 : #eee7e8 : +64
94 : #f2edee : +66
96 : #f7f3f3 : +68
98 : #fbf9f9 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow