#142231
RGB ( 赤 = 20, 緑 = 34, 青 = 49 )
HSL ( 色相 = 211°, 彩度 = 42%, 明度 = 14% )
H : 色相 ( 211° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #331515 : -210
11 : #331a15 : -200
21 : #331f15 : -190
31 : #332415 : -180
41 : #332915 : -170
51 : #332e15 : -160
61 : #323315 : -150
71 : #2d3315 : -140
81 : #283315 : -130
91 : #233315 : -120
101 : #1e3315 : -110
111 : #193315 : -100
121 : #153315 : -90
131 : #15331a : -80
141 : #15331f : -70
151 : #153324 : -60
161 : #153329 : -50
171 : #15332e : -40
181 : #153233 : -30
191 : #152d33 : -20
201 : #152833 : -10
211 : #152333 : ±0
221 : #151e33 : +10
231 : #151933 : +20
241 : #151533 : +30
251 : #1a1533 : +40
261 : #1f1533 : +50
271 : #241533 : +60
281 : #291533 : +70
291 : #2e1533 : +80
301 : #331532 : +90
311 : #33152d : +100
321 : #331528 : +110
331 : #331523 : +120
341 : #33151e : +130
351 : #331519 : +140
201 : #152833 : -10
202 : #152833 : -9
203 : #152733 : -8
204 : #152733 : -7
205 : #152633 : -6
206 : #152633 : -5
207 : #152533 : -4
208 : #152533 : -3
209 : #152433 : -2
210 : #152433 : -1
211 : #152333 : ±0
212 : #152333 : +1
213 : #152233 : +2
214 : #152233 : +3
215 : #152133 : +4
216 : #152133 : +5
217 : #152033 : +6
218 : #152033 : +7
219 : #151f33 : +8
220 : #151f33 : +9
221 : #151e33 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -42
2 : #232424 : -40
4 : #222425 : -38
6 : #222426 : -36
8 : #212427 : -34
10 : #202427 : -32
12 : #1f2428 : -30
14 : #1f2429 : -28
16 : #1e2429 : -26
18 : #1d232a : -24
20 : #1d232b : -22
22 : #1c232c : -20
24 : #1b232c : -18
26 : #1a232d : -16
28 : #1a232e : -14
30 : #19232e : -12
32 : #18232f : -10
34 : #182330 : -8
36 : #172331 : -6
38 : #162331 : -4
40 : #152332 : -2
42 : #152333 : ±0
44 : #142333 : +2
46 : #132334 : +4
48 : #132335 : +6
50 : #122336 : +8
52 : #112336 : +10
54 : #102337 : +12
56 : #102338 : +14
58 : #0f2338 : +16
60 : #0e2339 : +18
62 : #0e233a : +20
64 : #0d233b : +22
66 : #0c233b : +24
68 : #0b233c : +26
70 : #0b233d : +28
72 : #0a233d : +30
74 : #09233e : +32
76 : #09233f : +34
78 : #082340 : +36
80 : #072340 : +38
82 : #062341 : +40
84 : #062342 : +42
86 : #052342 : +44
88 : #042343 : +46
90 : #042344 : +48
92 : #032345 : +50
94 : #022345 : +52
96 : #012346 : +54
98 : #012347 : +56
100 : #002347 : +58
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #030507 : -12
4 : #060a0e : -10
6 : #090f16 : -8
8 : #0c141d : -6
10 : #0f1924 : -4
12 : #121e2b : -2
14 : #152333 : ±0
16 : #18283a : +2
18 : #1b2d41 : +4
20 : #1e3248 : +6
22 : #213750 : +8
24 : #233c57 : +10
26 : #26415e : +12
28 : #294665 : +14
30 : #2c4b6d : +16
32 : #2f5074 : +18
34 : #32557b : +20
36 : #355b82 : +22
38 : #38608a : +24
40 : #3b6591 : +26
42 : #3e6a98 : +28
44 : #416f9f : +30
46 : #4474a7 : +32
48 : #4779ae : +34
50 : #4a7eb5 : +36
52 : #5183b8 : +38
54 : #5888bb : +40
56 : #608dbe : +42
58 : #6792c1 : +44
60 : #6e98c4 : +46
62 : #759dc7 : +48
64 : #7da2ca : +50
66 : #84a7cd : +52
68 : #8bacd0 : +54
70 : #92b1d3 : +56
72 : #9ab7d6 : +58
74 : #a1bcd9 : +60
76 : #a8c1dc : +62
78 : #afc6de : +64
80 : #b7cbe1 : +66
82 : #bed0e4 : +68
84 : #c5d6e7 : +70
86 : #ccdbea : +72
88 : #d4e0ed : +74
90 : #dbe5f0 : +76
92 : #e2eaf3 : +78
94 : #e9eff6 : +80
96 : #f1f5f9 : +82
98 : #f8fafc : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow