#533d1d
RGB ( 赤 = 83, 緑 = 61, 青 = 29 )
HSL ( 色相 = 36°, 彩度 = 48%, 明度 = 22% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #53231d : -30
16 : #532c1d : -20
26 : #53351d : -10
36 : #533d1d : ±0
46 : #53461d : +10
56 : #534f1d : +20
66 : #4e531d : +30
76 : #45531d : +40
86 : #3c531d : +50
96 : #33531d : +60
106 : #2a531d : +70
116 : #21531d : +80
126 : #1d5323 : +90
136 : #1d532c : +100
146 : #1d5335 : +110
156 : #1d533d : +120
166 : #1d5346 : +130
176 : #1d534f : +140
186 : #1d4e53 : +150
196 : #1d4553 : +160
206 : #1d3c53 : +170
216 : #1d3353 : +180
226 : #1d2a53 : +190
236 : #1d2153 : +200
246 : #231d53 : +210
256 : #2c1d53 : +220
266 : #351d53 : +230
276 : #3d1d53 : +240
286 : #461d53 : +250
296 : #4f1d53 : +260
306 : #531d4e : +270
316 : #531d45 : +280
326 : #531d3c : +290
336 : #531d33 : +300
346 : #531d2a : +310
356 : #531d21 : +320
26 : #53351d : -10
27 : #53351d : -9
28 : #53361d : -8
29 : #53371d : -7
30 : #53381d : -6
31 : #53391d : -5
32 : #533a1d : -4
33 : #533b1d : -3
34 : #533c1d : -2
35 : #533d1d : -1
36 : #533d1d : ±0
37 : #533e1d : +1
38 : #533f1d : +2
39 : #53401d : +3
40 : #53411d : +4
41 : #53421d : +5
42 : #53431d : +6
43 : #53441d : +7
44 : #53451d : +8
45 : #53461d : +9
46 : #53461d : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -48
2 : #393837 : -46
4 : #3a3936 : -44
6 : #3b3935 : -42
8 : #3d3934 : -40
10 : #3e3932 : -38
12 : #3f3931 : -36
14 : #403a30 : -34
16 : #413a2f : -32
18 : #423a2e : -30
20 : #433a2d : -28
22 : #443b2c : -26
24 : #463b2b : -24
26 : #473b2a : -22
28 : #483b28 : -20
30 : #493b27 : -18
32 : #4a3c26 : -16
34 : #4b3c25 : -14
36 : #4c3c24 : -12
38 : #4d3c23 : -10
40 : #4f3d22 : -8
42 : #503d21 : -6
44 : #513d1f : -4
46 : #523d1e : -2
48 : #533d1d : ±0
50 : #543e1c : +2
52 : #553e1b : +4
54 : #563e1a : +6
56 : #583e19 : +8
58 : #593f18 : +10
60 : #5a3f16 : +12
62 : #5b3f15 : +14
64 : #5c3f14 : +16
66 : #5d4013 : +18
68 : #5e4012 : +20
70 : #5f4011 : +22
72 : #604010 : +24
74 : #62400f : +26
76 : #63410d : +28
78 : #64410c : +30
80 : #65410b : +32
82 : #66410a : +34
84 : #674209 : +36
86 : #684208 : +38
88 : #694207 : +40
90 : #6b4206 : +42
92 : #6c4204 : +44
94 : #6d4303 : +46
96 : #6e4302 : +48
98 : #6f4301 : +50
100 : #704300 : +52
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #080603 : -20
4 : #0f0b05 : -18
6 : #171108 : -16
8 : #1e160b : -14
10 : #261c0d : -12
12 : #2d2210 : -10
14 : #352713 : -8
16 : #3c2d15 : -6
18 : #443218 : -4
20 : #4b381b : -2
22 : #533d1d : ±0
24 : #5b4320 : +2
26 : #624922 : +4
28 : #6a4e25 : +6
30 : #715428 : +8
32 : #79592a : +10
34 : #805f2d : +12
36 : #886530 : +14
38 : #8f6a32 : +16
40 : #977035 : +18
42 : #9f7538 : +20
44 : #a67b3a : +22
46 : #ae813d : +24
48 : #b58640 : +26
50 : #bd8c42 : +28
52 : #bf904a : +30
54 : #c29551 : +32
56 : #c59a59 : +34
58 : #c79e60 : +36
60 : #caa368 : +38
62 : #cda770 : +40
64 : #cfac77 : +42
66 : #d2b17f : +44
68 : #d5b586 : +46
70 : #d7ba8e : +48
72 : #dabe95 : +50
74 : #ddc39d : +52
76 : #dfc8a4 : +54
78 : #e2ccac : +56
80 : #e4d1b4 : +58
82 : #e7d6bb : +60
84 : #eadac3 : +62
86 : #ecdfca : +64
88 : #efe3d2 : +66
90 : #f2e8d9 : +68
92 : #f4ede1 : +70
94 : #f7f1e8 : +72
96 : #faf6f0 : +74
98 : #fcfaf7 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow