#401828
RGB ( 赤 = 64, 緑 = 24, 青 = 40 )
HSL ( 色相 = 336°, 彩度 = 45%, 明度 = 17% )
H : 色相 ( 336° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #3f1c18 : -330
16 : #3f2218 : -320
26 : #3f2918 : -310
36 : #3f2f18 : -300
46 : #3f3618 : -290
56 : #3f3c18 : -280
66 : #3b3f18 : -270
76 : #343f18 : -260
86 : #2e3f18 : -250
96 : #273f18 : -240
106 : #213f18 : -230
116 : #1a3f18 : -220
126 : #183f1c : -210
136 : #183f22 : -200
146 : #183f29 : -190
156 : #183f2f : -180
166 : #183f36 : -170
176 : #183f3c : -160
186 : #183b3f : -150
196 : #18343f : -140
206 : #182e3f : -130
216 : #18273f : -120
226 : #18213f : -110
236 : #181a3f : -100
246 : #1c183f : -90
256 : #22183f : -80
266 : #29183f : -70
276 : #2f183f : -60
286 : #36183f : -50
296 : #3c183f : -40
306 : #3f183b : -30
316 : #3f1834 : -20
326 : #3f182e : -10
336 : #3f1827 : ±0
346 : #3f1821 : +10
356 : #3f181a : +20
326 : #3f182e : -10
327 : #3f182d : -9
328 : #3f182d : -8
329 : #3f182c : -7
330 : #3f182b : -6
331 : #3f182b : -5
332 : #3f182a : -4
333 : #3f1829 : -3
334 : #3f1829 : -2
335 : #3f1828 : -1
336 : #3f1827 : ±0
337 : #3f1827 : +1
338 : #3f1826 : +2
339 : #3f1825 : +3
340 : #3f1825 : +4
341 : #3f1824 : +5
342 : #3f1824 : +6
343 : #3f1823 : +7
344 : #3f1822 : +8
345 : #3f1822 : +9
346 : #3f1821 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2b : -44
3 : #2d2a2b : -42
5 : #2e292b : -40
7 : #2e282b : -38
9 : #2f272b : -36
11 : #30272a : -34
13 : #31262a : -32
15 : #32252a : -30
17 : #33242a : -28
19 : #34232a : -26
21 : #34222a : -24
23 : #352129 : -22
25 : #362129 : -20
27 : #372029 : -18
29 : #381f29 : -16
31 : #391e29 : -14
33 : #3a1d28 : -12
35 : #3b1c28 : -10
37 : #3b1b28 : -8
39 : #3c1a28 : -6
41 : #3d1a28 : -4
43 : #3e1928 : -2
45 : #3f1827 : ±0
47 : #401727 : +2
49 : #411627 : +4
51 : #411527 : +6
53 : #421427 : +8
55 : #431427 : +10
57 : #441326 : +12
59 : #451226 : +14
61 : #461126 : +16
63 : #471026 : +18
65 : #480f26 : +20
67 : #480e26 : +22
69 : #490d25 : +24
71 : #4a0d25 : +26
73 : #4b0c25 : +28
75 : #4c0b25 : +30
77 : #4d0a25 : +32
79 : #4e0925 : +34
81 : #4e0824 : +36
83 : #4f0724 : +38
85 : #500724 : +40
87 : #510624 : +42
89 : #520524 : +44
91 : #530423 : +46
93 : #540323 : +48
95 : #550223 : +50
97 : #550123 : +52
99 : #560023 : +54
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -16
3 : #0b0407 : -14
5 : #12070c : -12
7 : #1a0a10 : -10
9 : #210d15 : -8
11 : #290f1a : -6
13 : #30121e : -4
15 : #371523 : -2
17 : #3f1827 : ±0
19 : #461b2c : +2
21 : #4e1d31 : +4
23 : #552035 : +6
25 : #5c233a : +8
27 : #64263f : +10
29 : #6b2943 : +12
31 : #732b48 : +14
33 : #7a2e4d : +16
35 : #813151 : +18
37 : #893456 : +20
39 : #90375a : +22
41 : #983a5f : +24
43 : #9f3c64 : +26
45 : #a63f68 : +28
47 : #ae426d : +30
49 : #b54572 : +32
51 : #ba4a77 : +34
53 : #bd517c : +36
55 : #c05982 : +38
57 : #c36087 : +40
59 : #c5678d : +42
61 : #c86f93 : +44
63 : #cb7698 : +46
65 : #ce7e9e : +48
67 : #d185a3 : +50
69 : #d48ca9 : +52
71 : #d694ae : +54
73 : #d99bb4 : +56
75 : #dca3ba : +58
77 : #dfaabf : +60
79 : #e2b1c5 : +62
81 : #e4b9ca : +64
83 : #e7c0d0 : +66
85 : #eac8d5 : +68
87 : #edcfdb : +70
89 : #f0d6e0 : +72
91 : #f2dee6 : +74
93 : #f5e5ec : +76
95 : #f8edf1 : +78
97 : #fbf4f7 : +80
99 : #fefbfc : +82
CSS入門、作ってます。
text-shadow