#401038
RGB ( 赤 = 64, 緑 = 16, 青 = 56 )
HSL ( 色相 = 310°, 彩度 = 60%, 明度 = 16% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #411010 : -310
10 : #411810 : -300
20 : #412110 : -290
30 : #412910 : -280
40 : #413110 : -270
50 : #413910 : -260
60 : #414110 : -250
70 : #394110 : -240
80 : #314110 : -230
90 : #294110 : -220
100 : #214110 : -210
110 : #184110 : -200
120 : #104110 : -190
130 : #104118 : -180
140 : #104121 : -170
150 : #104129 : -160
160 : #104131 : -150
170 : #104139 : -140
180 : #104141 : -130
190 : #103941 : -120
200 : #103141 : -110
210 : #102941 : -100
220 : #102141 : -90
230 : #101841 : -80
240 : #101041 : -70
250 : #181041 : -60
260 : #211041 : -50
270 : #291041 : -40
280 : #311041 : -30
290 : #391041 : -20
300 : #411041 : -10
310 : #411039 : ±0
320 : #411031 : +10
330 : #411029 : +20
340 : #411021 : +30
350 : #411018 : +40
300 : #411041 : -10
301 : #411040 : -9
302 : #411040 : -8
303 : #41103f : -7
304 : #41103e : -6
305 : #41103d : -5
306 : #41103c : -4
307 : #41103c : -3
308 : #41103b : -2
309 : #41103a : -1
310 : #411039 : ±0
311 : #411038 : +1
312 : #411037 : +2
313 : #411037 : +3
314 : #411036 : +4
315 : #411035 : +5
316 : #411034 : +6
317 : #411033 : +7
318 : #411033 : +8
319 : #411032 : +9
320 : #411031 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -60
2 : #2a2829 : -58
4 : #2a272a : -56
6 : #2b262a : -54
8 : #2c262b : -52
10 : #2d252c : -50
12 : #2e242c : -48
14 : #2f232d : -46
16 : #2f222d : -44
18 : #30212e : -42
20 : #31212e : -40
22 : #32202f : -38
24 : #331f2f : -36
26 : #331e30 : -34
28 : #341d30 : -32
30 : #351d31 : -30
32 : #361c32 : -28
34 : #371b32 : -26
36 : #371a33 : -24
38 : #381933 : -22
40 : #391834 : -20
42 : #3a1834 : -18
44 : #3b1735 : -16
46 : #3c1635 : -14
48 : #3c1536 : -12
50 : #3d1436 : -10
52 : #3e1437 : -8
54 : #3f1337 : -6
56 : #401238 : -4
58 : #401139 : -2
60 : #411039 : ±0
62 : #42103a : +2
64 : #430f3a : +4
66 : #440e3b : +6
68 : #450d3b : +8
70 : #450c3c : +10
72 : #460b3c : +12
74 : #470b3d : +14
76 : #480a3d : +16
78 : #49093e : +18
80 : #49083f : +20
82 : #4a073f : +22
84 : #4b0740 : +24
86 : #4c0640 : +26
88 : #4d0541 : +28
90 : #4e0441 : +30
92 : #4e0342 : +32
94 : #4f0242 : +34
96 : #500243 : +36
98 : #510143 : +38
100 : #520044 : +40
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #080207 : -14
4 : #10040e : -12
6 : #180615 : -10
8 : #21081d : -8
10 : #290a24 : -6
12 : #310c2b : -4
14 : #390e32 : -2
16 : #411039 : ±0
18 : #491240 : +2
20 : #521447 : +4
22 : #5a164f : +6
24 : #621856 : +8
26 : #6a1b5d : +10
28 : #721d64 : +12
30 : #7a1f6b : +14
32 : #832172 : +16
34 : #8b2379 : +18
36 : #932581 : +20
38 : #9b2788 : +22
40 : #a3298f : +24
42 : #ab2b96 : +26
44 : #b42d9d : +28
46 : #bc2fa4 : +30
48 : #c431ab : +32
50 : #cc33b3 : +34
52 : #ce3bb6 : +36
54 : #d043b9 : +38
56 : #d24bbc : +40
58 : #d454bf : +42
60 : #d65cc2 : +44
62 : #d864c5 : +46
64 : #da6cc8 : +48
66 : #dc74cb : +50
68 : #de7cce : +52
70 : #e085d1 : +54
72 : #e28dd4 : +56
74 : #e495d7 : +58
76 : #e79dda : +60
78 : #e9a5dd : +62
80 : #ebade0 : +64
82 : #edb6e3 : +66
84 : #efbee7 : +68
86 : #f1c6ea : +70
88 : #f3ceed : +72
90 : #f5d6f0 : +74
92 : #f7def3 : +76
94 : #f9e7f6 : +78
96 : #fbeff9 : +80
98 : #fdf7fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow