#112c3c
RGB ( 赤 = 17, 緑 = 44, 青 = 60 )
HSL ( 色相 = 202°, 彩度 = 56%, 明度 = 15% )
H : 色相 ( 202° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #3c1211 : -200
12 : #3c1911 : -190
22 : #3c2111 : -180
32 : #3c2811 : -170
42 : #3c2f11 : -160
52 : #3c3611 : -150
62 : #3a3c11 : -140
72 : #333c11 : -130
82 : #2c3c11 : -120
92 : #253c11 : -110
102 : #1e3c11 : -100
112 : #173c11 : -90
122 : #113c12 : -80
132 : #113c19 : -70
142 : #113c21 : -60
152 : #113c28 : -50
162 : #113c2f : -40
172 : #113c36 : -30
182 : #113a3c : -20
192 : #11333c : -10
202 : #112c3c : ±0
212 : #11253c : +10
222 : #111e3c : +20
232 : #11173c : +30
242 : #12113c : +40
252 : #19113c : +50
262 : #21113c : +60
272 : #28113c : +70
282 : #2f113c : +80
292 : #36113c : +90
302 : #3c113a : +100
312 : #3c1133 : +110
322 : #3c112c : +120
332 : #3c1125 : +130
342 : #3c111e : +140
352 : #3c1117 : +150
192 : #11333c : -10
193 : #11323c : -9
194 : #11323c : -8
195 : #11313c : -7
196 : #11303c : -6
197 : #11303c : -5
198 : #112f3c : -4
199 : #112e3c : -3
200 : #112d3c : -2
201 : #112d3c : -1
202 : #112c3c : ±0
203 : #112b3c : +1
204 : #112b3c : +2
205 : #112a3c : +3
206 : #11293c : +4
207 : #11283c : +5
208 : #11283c : +6
209 : #11273c : +7
210 : #11263c : +8
211 : #11263c : +9
212 : #11253c : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -56
2 : #252627 : -54
4 : #252728 : -52
6 : #242729 : -50
8 : #232729 : -48
10 : #22272a : -46
12 : #22272b : -44
14 : #21282c : -42
16 : #20282c : -40
18 : #1f282d : -38
20 : #1f282e : -36
22 : #1e282f : -34
24 : #1d292f : -32
26 : #1c2930 : -30
28 : #1c2931 : -28
30 : #1b2932 : -26
32 : #1a2a32 : -24
34 : #192a33 : -22
36 : #182a34 : -20
38 : #182a35 : -18
40 : #172a36 : -16
42 : #162b36 : -14
44 : #152b37 : -12
46 : #152b38 : -10
48 : #142b39 : -8
50 : #132b39 : -6
52 : #122c3a : -4
54 : #122c3b : -2
56 : #112c3c : ±0
58 : #102c3c : +2
60 : #0f2c3d : +4
62 : #0f2d3e : +6
64 : #0e2d3f : +8
66 : #0d2d3f : +10
68 : #0c2d40 : +12
70 : #0b2d41 : +14
72 : #0b2e42 : +16
74 : #0a2e43 : +18
76 : #092e43 : +20
78 : #082e44 : +22
80 : #082e45 : +24
82 : #072f46 : +26
84 : #062f46 : +28
86 : #052f47 : +30
88 : #052f48 : +32
90 : #042f49 : +34
92 : #033049 : +36
94 : #02304a : +38
96 : #02304b : +40
98 : #01304c : +42
100 : #00304d : +44
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -14
3 : #03090c : -12
5 : #060f14 : -10
7 : #08151c : -8
9 : #0a1a24 : -6
11 : #0c202c : -4
13 : #0f2634 : -2
15 : #112c3c : ±0
17 : #133244 : +2
19 : #15384c : +4
21 : #183e54 : +6
23 : #1a435b : +8
25 : #1c4963 : +10
27 : #1e4f6b : +12
29 : #215573 : +14
31 : #235b7b : +16
33 : #256183 : +18
35 : #27678b : +20
37 : #2a6c93 : +22
39 : #2c729b : +24
41 : #2e78a3 : +26
43 : #307eab : +28
45 : #3284b3 : +30
47 : #358abb : +32
49 : #3790c3 : +34
51 : #3c95c8 : +36
53 : #4499ca : +38
55 : #4c9dcd : +40
57 : #54a2cf : +42
59 : #5ca6d1 : +44
61 : #64aad3 : +46
63 : #6cafd5 : +48
65 : #74b3d8 : +50
67 : #7cb7da : +52
69 : #84bcdc : +54
71 : #8cc0de : +56
73 : #94c4e1 : +58
75 : #9cc9e3 : +60
77 : #a4cde5 : +62
79 : #abd1e7 : +64
81 : #b3d6ea : +66
83 : #bbdaec : +68
85 : #c3deee : +70
87 : #cbe3f0 : +72
89 : #d3e7f3 : +74
91 : #dbebf5 : +76
93 : #e3f0f7 : +78
95 : #ebf4f9 : +80
97 : #f3f8fc : +82
99 : #fbfdfe : +84
CSS入門、作ってます。
text-shadow