#5a331c
RGB ( 赤 = 90, 緑 = 51, 青 = 28 )
HSL ( 色相 = 22°, 彩度 = 53%, 明度 = 23% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5a1e1c : -20
12 : #5a281c : -10
22 : #5a321c : ±0
32 : #5a3d1c : +10
42 : #5a471c : +20
52 : #5a511c : +30
62 : #585a1c : +40
72 : #4d5a1c : +50
82 : #435a1c : +60
92 : #395a1c : +70
102 : #2e5a1c : +80
112 : #245a1c : +90
122 : #1c5a1e : +100
132 : #1c5a28 : +110
142 : #1c5a32 : +120
152 : #1c5a3d : +130
162 : #1c5a47 : +140
172 : #1c5a51 : +150
182 : #1c585a : +160
192 : #1c4d5a : +170
202 : #1c435a : +180
212 : #1c395a : +190
222 : #1c2e5a : +200
232 : #1c245a : +210
242 : #1e1c5a : +220
252 : #281c5a : +230
262 : #321c5a : +240
272 : #3d1c5a : +250
282 : #471c5a : +260
292 : #511c5a : +270
302 : #5a1c58 : +280
312 : #5a1c4d : +290
322 : #5a1c43 : +300
332 : #5a1c39 : +310
342 : #5a1c2e : +320
352 : #5a1c24 : +330
12 : #5a281c : -10
13 : #5a291c : -9
14 : #5a2a1c : -8
15 : #5a2b1c : -7
16 : #5a2c1c : -6
17 : #5a2d1c : -5
18 : #5a2e1c : -4
19 : #5a2f1c : -3
20 : #5a301c : -2
21 : #5a311c : -1
22 : #5a321c : ±0
23 : #5a331c : +1
24 : #5a341c : +2
25 : #5a351c : +3
26 : #5a371c : +4
27 : #5a381c : +5
28 : #5a391c : +6
29 : #5a3a1c : +7
30 : #5a3b1c : +8
31 : #5a3c1c : +9
32 : #5a3d1c : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3a : -52
3 : #3c3a39 : -50
5 : #3e3a38 : -48
7 : #3f3a37 : -46
9 : #403935 : -44
11 : #413934 : -42
13 : #423933 : -40
15 : #433832 : -38
17 : #453831 : -36
19 : #463830 : -34
21 : #47372e : -32
23 : #48372d : -30
25 : #49372c : -28
27 : #4a362b : -26
29 : #4c362a : -24
31 : #4d3628 : -22
33 : #4e3527 : -20
35 : #4f3526 : -18
37 : #503525 : -16
39 : #523524 : -14
41 : #533423 : -12
43 : #543421 : -10
45 : #553420 : -8
47 : #56331f : -6
49 : #57331e : -4
51 : #59331d : -2
53 : #5a321c : ±0
55 : #5b321a : +2
57 : #5c3219 : +4
59 : #5d3118 : +6
61 : #5e3117 : +8
63 : #603116 : +10
65 : #613015 : +12
67 : #623013 : +14
69 : #633012 : +16
71 : #643011 : +18
73 : #652f10 : +20
75 : #672f0f : +22
77 : #682f0d : +24
79 : #692e0c : +26
81 : #6a2e0b : +28
83 : #6b2e0a : +30
85 : #6d2d09 : +32
87 : #6e2d08 : +34
89 : #6f2d06 : +36
91 : #702c05 : +38
93 : #712c04 : +40
95 : #722c03 : +42
97 : #742b02 : +44
99 : #752b01 : +46
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -22
3 : #0c0704 : -20
5 : #140b06 : -18
7 : #1b0f08 : -16
9 : #23140b : -14
11 : #2b180d : -12
13 : #331c10 : -10
15 : #3b2112 : -8
17 : #422514 : -6
19 : #4a2a17 : -4
21 : #522e19 : -2
23 : #5a321c : ±0
25 : #62371e : +2
27 : #693b20 : +4
29 : #713f23 : +6
31 : #794425 : +8
33 : #814828 : +10
35 : #894d2a : +12
37 : #90512c : +14
39 : #98552f : +16
41 : #a05a31 : +18
43 : #a85e34 : +20
45 : #b06336 : +22
47 : #b76738 : +24
49 : #bf6b3b : +26
51 : #c47040 : +28
53 : #c77648 : +30
55 : #c97c4f : +32
57 : #cb8257 : +34
59 : #ce885f : +36
61 : #d08d67 : +38
63 : #d3936f : +40
65 : #d59976 : +42
67 : #d79f7e : +44
69 : #daa586 : +46
71 : #dcab8e : +48
73 : #dfb096 : +50
75 : #e1b69d : +52
77 : #e3bca5 : +54
79 : #e6c2ad : +56
81 : #e8c8b5 : +58
83 : #ebcebd : +60
85 : #edd3c4 : +62
87 : #efd9cc : +64
89 : #f2dfd4 : +66
91 : #f4e5dc : +68
93 : #f7ebe4 : +70
95 : #f9f0eb : +72
97 : #fbf6f3 : +74
99 : #fefcfb : +76
CSS入門、作ってます。
text-shadow