#2c3e3f
RGB ( 赤 = 44, 緑 = 62, 青 = 63 )
HSL ( 色相 = 183°, 彩度 = 18%, 明度 = 21% )
H : 色相 ( 183° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #3f2d2c : -180
13 : #3f302c : -170
23 : #3f332c : -160
33 : #3f372c : -150
43 : #3f3a2c : -140
53 : #3f3d2c : -130
63 : #3e3f2c : -120
73 : #3b3f2c : -110
83 : #383f2c : -100
93 : #353f2c : -90
103 : #313f2c : -80
113 : #2e3f2c : -70
123 : #2c3f2d : -60
133 : #2c3f30 : -50
143 : #2c3f33 : -40
153 : #2c3f37 : -30
163 : #2c3f3a : -20
173 : #2c3f3d : -10
183 : #2c3e3f : ±0
193 : #2c3b3f : +10
203 : #2c383f : +20
213 : #2c353f : +30
223 : #2c313f : +40
233 : #2c2e3f : +50
243 : #2d2c3f : +60
253 : #302c3f : +70
263 : #332c3f : +80
273 : #372c3f : +90
283 : #3a2c3f : +100
293 : #3d2c3f : +110
303 : #3f2c3e : +120
313 : #3f2c3b : +130
323 : #3f2c38 : +140
333 : #3f2c35 : +150
343 : #3f2c31 : +160
353 : #3f2c2e : +170
173 : #2c3f3d : -10
174 : #2c3f3d : -9
175 : #2c3f3e : -8
176 : #2c3f3e : -7
177 : #2c3f3e : -6
178 : #2c3f3f : -5
179 : #2c3f3f : -4
180 : #2c3f3f : -3
181 : #2c3f3f : -2
182 : #2c3f3f : -1
183 : #2c3e3f : ±0
184 : #2c3e3f : +1
185 : #2c3e3f : +2
186 : #2c3d3f : +3
187 : #2c3d3f : +4
188 : #2c3d3f : +5
189 : #2c3c3f : +6
190 : #2c3c3f : +7
191 : #2c3c3f : +8
192 : #2c3b3f : +9
193 : #2c3b3f : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -18
2 : #343737 : -16
4 : #333738 : -14
6 : #323839 : -12
8 : #31393a : -10
10 : #303a3b : -8
12 : #2f3b3c : -6
14 : #2e3c3d : -4
16 : #2d3d3e : -2
18 : #2c3e3f : ±0
20 : #2b3f40 : +2
22 : #2a4041 : +4
24 : #294142 : +6
26 : #284243 : +8
28 : #274345 : +10
30 : #254446 : +12
32 : #244547 : +14
34 : #234648 : +16
36 : #224749 : +18
38 : #21484a : +20
40 : #20494b : +22
42 : #1f4a4c : +24
44 : #1e4b4d : +26
46 : #1d4c4e : +28
48 : #1c4d4f : +30
50 : #1b4e50 : +32
52 : #1a4f51 : +34
54 : #195052 : +36
56 : #185154 : +38
58 : #165255 : +40
60 : #155256 : +42
62 : #145357 : +44
64 : #135458 : +46
66 : #125559 : +48
68 : #11565a : +50
70 : #10575b : +52
72 : #0f585c : +54
74 : #0e595d : +56
76 : #0d5a5e : +58
78 : #0c5b5f : +60
80 : #0b5c60 : +62
82 : #0a5d61 : +64
84 : #095e63 : +66
86 : #075f64 : +68
88 : #066065 : +70
90 : #056166 : +72
92 : #046267 : +74
94 : #036368 : +76
96 : #026469 : +78
98 : #01656a : +80
100 : #00666b : +82
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -20
3 : #060909 : -18
5 : #0a0f0f : -16
7 : #0f1515 : -14
9 : #131b1b : -12
11 : #172121 : -10
13 : #1b2727 : -8
15 : #1f2c2d : -6
17 : #243233 : -4
19 : #283839 : -2
21 : #2c3e3f : ±0
23 : #304445 : +2
25 : #344a4b : +4
27 : #385051 : +6
29 : #3d5657 : +8
31 : #415c5d : +10
33 : #456263 : +12
35 : #496869 : +14
37 : #4d6e6f : +16
39 : #527475 : +18
41 : #56797b : +20
43 : #5a7f81 : +22
45 : #5e8587 : +24
47 : #628b8d : +26
49 : #669193 : +28
51 : #6c9699 : +30
53 : #729b9d : +32
55 : #789fa1 : +34
57 : #7ea3a5 : +36
59 : #84a7a9 : +38
61 : #8aacad : +40
63 : #90b0b2 : +42
65 : #96b4b6 : +44
67 : #9cb8ba : +46
69 : #a2bdbe : +48
71 : #a8c1c2 : +50
73 : #aec5c7 : +52
75 : #b4cacb : +54
77 : #bacecf : +56
79 : #c0d2d3 : +58
81 : #c6d6d7 : +60
83 : #ccdbdb : +62
85 : #d2dfe0 : +64
87 : #d8e3e4 : +66
89 : #dee7e8 : +68
91 : #e4ecec : +70
93 : #eaf0f0 : +72
95 : #f0f4f5 : +74
97 : #f6f9f9 : +76
99 : #fcfdfd : +78
CSS入門、作ってます。
text-shadow