#206a61
RGB ( 赤 = 32, 緑 = 106, 青 = 97 )
HSL ( 色相 = 173°, 彩度 = 54%, 明度 = 27% )
H : 色相 ( 173° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6a2320 : -170
13 : #6a3020 : -160
23 : #6a3c20 : -150
33 : #6a4920 : -140
43 : #6a5520 : -130
53 : #6a6120 : -120
63 : #666a20 : -110
73 : #5a6a20 : -100
83 : #4e6a20 : -90
93 : #416a20 : -80
103 : #356a20 : -70
113 : #286a20 : -60
123 : #206a23 : -50
133 : #206a30 : -40
143 : #206a3c : -30
153 : #206a49 : -20
163 : #206a55 : -10
173 : #206a61 : ±0
183 : #20666a : +10
193 : #205a6a : +20
203 : #204e6a : +30
213 : #20416a : +40
223 : #20356a : +50
233 : #20286a : +60
243 : #23206a : +70
253 : #30206a : +80
263 : #3c206a : +90
273 : #49206a : +100
283 : #55206a : +110
293 : #61206a : +120
303 : #6a2066 : +130
313 : #6a205a : +140
323 : #6a204e : +150
333 : #6a2041 : +160
343 : #6a2035 : +170
353 : #6a2028 : +180
163 : #206a55 : -10
164 : #206a56 : -9
165 : #206a57 : -8
166 : #206a59 : -7
167 : #206a5a : -6
168 : #206a5b : -5
169 : #206a5c : -4
170 : #206a5e : -3
171 : #206a5f : -2
172 : #206a60 : -1
173 : #206a61 : ±0
174 : #206a63 : +1
175 : #206a64 : +2
176 : #206a65 : +3
177 : #206a66 : +4
178 : #206a68 : +5
179 : #206a69 : +6
180 : #206a6a : +7
181 : #20696a : +8
182 : #20686a : +9
183 : #20666a : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -54
2 : #434646 : -52
4 : #424847 : -50
6 : #414948 : -48
8 : #3f4a49 : -46
10 : #3e4c4a : -44
12 : #3d4d4b : -42
14 : #3b4e4c : -40
16 : #3a504d : -38
18 : #38514e : -36
20 : #37534f : -34
22 : #365450 : -32
24 : #345552 : -30
26 : #335753 : -28
28 : #325854 : -26
30 : #305a55 : -24
32 : #2f5b56 : -22
34 : #2d5c57 : -20
36 : #2c5e58 : -18
38 : #2b5f59 : -16
40 : #29605a : -14
42 : #28625b : -12
44 : #27635c : -10
46 : #25655d : -8
48 : #24665e : -6
50 : #22675f : -4
52 : #216960 : -2
54 : #206a61 : ±0
56 : #1e6b62 : +2
58 : #1d6d63 : +4
60 : #1c6e65 : +6
62 : #1a7066 : +8
64 : #197167 : +10
66 : #177268 : +12
68 : #167469 : +14
70 : #15756a : +16
72 : #13766b : +18
74 : #12786c : +20
76 : #11796d : +22
78 : #0f7b6e : +24
80 : #0e7c6f : +26
82 : #0c7d70 : +28
84 : #0b7f71 : +30
86 : #0a8072 : +32
88 : #088173 : +34
90 : #078374 : +36
92 : #068475 : +38
94 : #048676 : +40
96 : #038778 : +42
98 : #018879 : +44
100 : #008a7a : +46
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -26
3 : #040c0b : -24
5 : #061412 : -22
7 : #081b19 : -20
9 : #0b2320 : -18
11 : #0d2b28 : -16
13 : #0f332f : -14
15 : #123b36 : -12
17 : #14433d : -10
19 : #164b45 : -8
21 : #19524c : -6
23 : #1b5a53 : -4
25 : #1d625a : -2
27 : #206a61 : ±0
29 : #227269 : +2
31 : #247a70 : +4
33 : #278277 : +6
35 : #29897e : +8
37 : #2b9185 : +10
39 : #2e998d : +12
41 : #30a194 : +14
43 : #32a99b : +16
45 : #35b1a2 : +18
47 : #37b9a9 : +20
49 : #39c0b1 : +22
51 : #3fc6b6 : +24
53 : #46c8b9 : +26
55 : #4ecabc : +28
57 : #56cdbf : +30
59 : #5ecfc2 : +32
61 : #66d1c5 : +34
63 : #6ed4c8 : +36
65 : #76d6cb : +38
67 : #7dd8ce : +40
69 : #85dbd1 : +42
71 : #8dddd4 : +44
73 : #95dfd7 : +46
75 : #9de2da : +48
77 : #a5e4dd : +50
79 : #ade6e0 : +52
81 : #b4e9e3 : +54
83 : #bcebe6 : +56
85 : #c4ede9 : +58
87 : #ccf0ec : +60
89 : #d4f2ef : +62
91 : #dcf4f2 : +64
93 : #e4f7f5 : +66
95 : #ebf9f8 : +68
97 : #f3fbfb : +70
99 : #fbfefe : +72
CSS入門、作ってます。
text-shadow