#543145
RGB ( 赤 = 84, 緑 = 49, 青 = 69 )
HSL ( 色相 = 326°, 彩度 = 26%, 明度 = 26% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #543531 : -320
16 : #543a31 : -310
26 : #544031 : -300
36 : #544631 : -290
46 : #544b31 : -280
56 : #545131 : -270
66 : #505431 : -260
76 : #4a5431 : -250
86 : #455431 : -240
96 : #3f5431 : -230
106 : #395431 : -220
116 : #335431 : -210
126 : #315435 : -200
136 : #31543a : -190
146 : #315440 : -180
156 : #315446 : -170
166 : #31544b : -160
176 : #315451 : -150
186 : #315054 : -140
196 : #314a54 : -130
206 : #314554 : -120
216 : #313f54 : -110
226 : #313954 : -100
236 : #313354 : -90
246 : #353154 : -80
256 : #3a3154 : -70
266 : #403154 : -60
276 : #463154 : -50
286 : #4b3154 : -40
296 : #513154 : -30
306 : #543150 : -20
316 : #54314a : -10
326 : #543145 : ±0
336 : #54313f : +10
346 : #543139 : +20
356 : #543133 : +30
316 : #54314a : -10
317 : #54314a : -9
318 : #543149 : -8
319 : #543149 : -7
320 : #543148 : -6
321 : #543147 : -5
322 : #543147 : -4
323 : #543146 : -3
324 : #543146 : -2
325 : #543145 : -1
326 : #543145 : ±0
327 : #543144 : +1
328 : #543143 : +2
329 : #543143 : +3
330 : #543142 : +4
331 : #543142 : +5
332 : #543141 : +6
333 : #543141 : +7
334 : #543140 : +8
335 : #54313f : +9
336 : #54313f : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -26
2 : #444142 : -24
4 : #454043 : -22
6 : #463e43 : -20
8 : #483d43 : -18
10 : #493c43 : -16
12 : #4a3a43 : -14
14 : #4c3944 : -12
16 : #4d3844 : -10
18 : #4e3644 : -8
20 : #503544 : -6
22 : #513444 : -4
24 : #523244 : -2
26 : #543145 : ±0
28 : #553045 : +2
30 : #562e45 : +4
32 : #582d45 : +6
34 : #592c45 : +8
36 : #5a2a45 : +10
38 : #5b2946 : +12
40 : #5d2846 : +14
42 : #5e2646 : +16
44 : #5f2546 : +18
46 : #612446 : +20
48 : #622247 : +22
50 : #632147 : +24
52 : #652047 : +26
54 : #661e47 : +28
56 : #671d47 : +30
58 : #691c47 : +32
60 : #6a1b48 : +34
62 : #6b1948 : +36
64 : #6d1848 : +38
66 : #6e1748 : +40
68 : #6f1548 : +42
70 : #711448 : +44
72 : #721349 : +46
74 : #731149 : +48
76 : #751049 : +50
78 : #760f49 : +52
80 : #770d49 : +54
82 : #790c4a : +56
84 : #7a0b4a : +58
86 : #7b094a : +60
88 : #7d084a : +62
90 : #7e074a : +64
92 : #7f054a : +66
94 : #81044b : +68
96 : #82034b : +70
98 : #83014b : +72
100 : #85004b : +74
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060405 : -24
4 : #0d080b : -22
6 : #130b10 : -20
8 : #1a0f15 : -18
10 : #20131a : -16
12 : #271720 : -14
14 : #2d1a25 : -12
16 : #331e2a : -10
18 : #3a222f : -8
20 : #402635 : -6
22 : #472a3a : -4
24 : #4d2d3f : -2
26 : #543145 : ±0
28 : #5a354a : +2
30 : #60394f : +4
32 : #673c54 : +6
34 : #6d405a : +8
36 : #74445f : +10
38 : #7a4864 : +12
40 : #814b6a : +14
42 : #874f6f : +16
44 : #8d5374 : +18
46 : #945779 : +20
48 : #9a5b7f : +22
50 : #a15e84 : +24
52 : #a46589 : +26
54 : #a86b8e : +28
56 : #ac7293 : +30
58 : #b07898 : +32
60 : #b47e9d : +34
62 : #b785a1 : +36
64 : #bb8ba6 : +38
66 : #bf92ab : +40
68 : #c398b0 : +42
70 : #c69fb5 : +44
72 : #caa5ba : +46
74 : #ceabbf : +48
76 : #d2b2c4 : +50
78 : #d5b8c9 : +52
80 : #d9bfce : +54
82 : #ddc5d3 : +56
84 : #e1ccd8 : +58
86 : #e5d2dd : +60
88 : #e8d8e1 : +62
90 : #ecdfe6 : +64
92 : #f0e5eb : +66
94 : #f4ecf0 : +68
96 : #f7f2f5 : +70
98 : #fbf9fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow