#14205c
RGB ( 赤 = 20, 緑 = 32, 青 = 92 )
HSL ( 色相 = 230°, 彩度 = 64%, 明度 = 22% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5c1414 : -230
10 : #5c2014 : -220
20 : #5c2c14 : -210
30 : #5c3814 : -200
40 : #5c4414 : -190
50 : #5c5014 : -180
60 : #5c5c14 : -170
70 : #505c14 : -160
80 : #445c14 : -150
90 : #385c14 : -140
100 : #2c5c14 : -130
110 : #205c14 : -120
120 : #145c14 : -110
130 : #145c20 : -100
140 : #145c2c : -90
150 : #145c38 : -80
160 : #145c44 : -70
170 : #145c50 : -60
180 : #145c5c : -50
190 : #14505c : -40
200 : #14445c : -30
210 : #14385c : -20
220 : #142c5c : -10
230 : #14205c : ±0
240 : #14145c : +10
250 : #20145c : +20
260 : #2c145c : +30
270 : #38145c : +40
280 : #44145c : +50
290 : #50145c : +60
300 : #5c145c : +70
310 : #5c1450 : +80
320 : #5c1444 : +90
330 : #5c1438 : +100
340 : #5c142c : +110
350 : #5c1420 : +120
220 : #142c5c : -10
221 : #142b5c : -9
222 : #142a5c : -8
223 : #14295c : -7
224 : #14275c : -6
225 : #14265c : -5
226 : #14255c : -4
227 : #14245c : -3
228 : #14235c : -2
229 : #14215c : -1
230 : #14205c : ±0
231 : #141f5c : +1
232 : #141e5c : +2
233 : #141d5c : +3
234 : #141b5c : +4
235 : #141a5c : +5
236 : #14195c : +6
237 : #14185c : +7
238 : #14175c : +8
239 : #14155c : +9
240 : #14145c : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -64
2 : #373739 : -62
4 : #36373a : -60
6 : #35363b : -58
8 : #34353d : -56
10 : #32343e : -54
12 : #31343f : -52
14 : #303340 : -50
16 : #2f3241 : -48
18 : #2e3142 : -46
20 : #2d3143 : -44
22 : #2c3044 : -42
24 : #2b2f46 : -40
26 : #2a2e47 : -38
28 : #282e48 : -36
30 : #272d49 : -34
32 : #262c4a : -32
34 : #252b4b : -30
36 : #242b4c : -28
38 : #232a4d : -26
40 : #22294f : -24
42 : #212850 : -22
44 : #1f2851 : -20
46 : #1e2752 : -18
48 : #1d2653 : -16
50 : #1c2554 : -14
52 : #1b2555 : -12
54 : #1a2456 : -10
56 : #192358 : -8
58 : #182259 : -6
60 : #16225a : -4
62 : #15215b : -2
64 : #14205c : ±0
66 : #131f5d : +2
68 : #121f5e : +4
70 : #111e5f : +6
72 : #101d60 : +8
74 : #0f1c62 : +10
76 : #0d1c63 : +12
78 : #0c1b64 : +14
80 : #0b1a65 : +16
82 : #0a1966 : +18
84 : #091967 : +20
86 : #081868 : +22
88 : #071769 : +24
90 : #06166b : +26
92 : #04166c : +28
94 : #03156d : +30
96 : #02146e : +32
98 : #01136f : +34
100 : #001370 : +36
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #020308 : -20
4 : #040611 : -18
6 : #060919 : -16
8 : #070c21 : -14
10 : #090f2a : -12
12 : #0b1232 : -10
14 : #0d143b : -8
16 : #0f1743 : -6
18 : #111a4b : -4
20 : #121d54 : -2
22 : #14205c : ±0
24 : #162364 : +2
26 : #18266d : +4
28 : #1a2975 : +6
30 : #1c2c7d : +8
32 : #1d2f86 : +10
34 : #1f328e : +12
36 : #213597 : +14
38 : #23389f : +16
40 : #253aa7 : +18
42 : #273db0 : +20
44 : #2840b8 : +22
46 : #2a43c0 : +24
48 : #2c46c9 : +26
50 : #2e49d1 : +28
52 : #3650d3 : +30
54 : #3f58d5 : +32
56 : #475fd7 : +34
58 : #4f66d8 : +36
60 : #586dda : +38
62 : #6075dc : +40
64 : #687cde : +42
66 : #7183e0 : +44
68 : #798be2 : +46
70 : #8292e3 : +48
72 : #8a99e5 : +50
74 : #92a0e7 : +52
76 : #9ba8e9 : +54
78 : #a3afeb : +56
80 : #abb6ed : +58
82 : #b4beee : +60
84 : #bcc5f0 : +62
86 : #c4ccf2 : +64
88 : #cdd3f4 : +66
90 : #d5dbf6 : +68
92 : #dee2f8 : +70
94 : #e6e9f9 : +72
96 : #eef0fb : +74
98 : #f7f8fd : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow