#3a5553
RGB ( 赤 = 58, 緑 = 85, 青 = 83 )
HSL ( 色相 = 176°, 彩度 = 19%, 明度 = 28% )
H : 色相 ( 176° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #553d3a : -170
16 : #55413a : -160
26 : #55463a : -150
36 : #554a3a : -140
46 : #554f3a : -130
56 : #55533a : -120
66 : #52553a : -110
76 : #4e553a : -100
86 : #49553a : -90
96 : #45553a : -80
106 : #40553a : -70
116 : #3c553a : -60
126 : #3a553d : -50
136 : #3a5541 : -40
146 : #3a5546 : -30
156 : #3a554a : -20
166 : #3a554f : -10
176 : #3a5553 : ±0
186 : #3a5255 : +10
196 : #3a4e55 : +20
206 : #3a4955 : +30
216 : #3a4555 : +40
226 : #3a4055 : +50
236 : #3a3c55 : +60
246 : #3d3a55 : +70
256 : #413a55 : +80
266 : #463a55 : +90
276 : #4a3a55 : +100
286 : #4f3a55 : +110
296 : #533a55 : +120
306 : #553a52 : +130
316 : #553a4e : +140
326 : #553a49 : +150
336 : #553a45 : +160
346 : #553a40 : +170
356 : #553a3c : +180
166 : #3a554f : -10
167 : #3a554f : -9
168 : #3a5550 : -8
169 : #3a5550 : -7
170 : #3a5550 : -6
171 : #3a5551 : -5
172 : #3a5551 : -4
173 : #3a5552 : -3
174 : #3a5552 : -2
175 : #3a5553 : -1
176 : #3a5553 : ±0
177 : #3a5554 : +1
178 : #3a5554 : +2
179 : #3a5555 : +3
180 : #3a5555 : +4
181 : #3a5555 : +5
182 : #3a5455 : +6
183 : #3a5455 : +7
184 : #3a5355 : +8
185 : #3a5355 : +9
186 : #3a5255 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #474848 : -18
3 : #454a49 : -16
5 : #444b4a : -14
7 : #424c4c : -12
9 : #414e4d : -10
11 : #404f4e : -8
13 : #3e514f : -6
15 : #3d5251 : -4
17 : #3b5452 : -2
19 : #3a5553 : ±0
21 : #385654 : +2
23 : #375856 : +4
25 : #365957 : +6
27 : #345b58 : +8
29 : #335c59 : +10
31 : #315e5b : +12
33 : #305f5c : +14
35 : #2e605d : +16
37 : #2d625e : +18
39 : #2c6360 : +20
41 : #2a6561 : +22
43 : #296662 : +24
45 : #276863 : +26
47 : #266964 : +28
49 : #246a66 : +30
51 : #236c67 : +32
53 : #226d68 : +34
55 : #206f69 : +36
57 : #1f706b : +38
59 : #1d726c : +40
61 : #1c736d : +42
63 : #1a746e : +44
65 : #197670 : +46
67 : #187771 : +48
69 : #167972 : +50
71 : #157a73 : +52
73 : #137c75 : +54
75 : #127d76 : +56
77 : #107e77 : +58
79 : #0f8078 : +60
81 : #0e817a : +62
83 : #0c837b : +64
85 : #0b847c : +66
87 : #09867d : +68
89 : #08877e : +70
91 : #068880 : +72
93 : #058a81 : +74
95 : #048b82 : +76
97 : #028d83 : +78
99 : #018e85 : +80
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #040606 : -26
4 : #080c0c : -24
6 : #0c1212 : -22
8 : #111818 : -20
10 : #151e1e : -18
12 : #192424 : -16
14 : #1d2a2a : -14
16 : #213130 : -12
18 : #253735 : -10
20 : #293d3b : -8
22 : #2d4341 : -6
24 : #324947 : -4
26 : #364f4d : -2
28 : #3a5553 : ±0
30 : #3e5b59 : +2
32 : #42615f : +4
34 : #466765 : +6
36 : #4a6d6b : +8
38 : #4e7371 : +10
40 : #537977 : +12
42 : #577f7d : +14
44 : #5b8683 : +16
46 : #5f8c89 : +18
48 : #63928f : +20
50 : #679894 : +22
52 : #6d9c99 : +24
54 : #73a09d : +26
56 : #79a4a1 : +28
58 : #80a8a6 : +30
60 : #86acaa : +32
62 : #8cb1ae : +34
64 : #92b5b2 : +36
66 : #98b9b7 : +38
68 : #9ebdbb : +40
70 : #a4c1bf : +42
72 : #aac5c3 : +44
74 : #b0c9c8 : +46
76 : #b6cdcc : +48
78 : #bcd2d0 : +50
80 : #c2d6d4 : +52
82 : #c8dad9 : +54
84 : #cededd : +56
86 : #d5e2e1 : +58
88 : #dbe6e5 : +60
90 : #e1eaea : +62
92 : #e7eeee : +64
94 : #edf3f2 : +66
96 : #f3f7f6 : +68
98 : #f9fbfb : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow