#401030
RGB ( 赤 = 64, 緑 = 16, 青 = 48 )
HSL ( 色相 = 320°, 彩度 = 60%, 明度 = 16% )
H : 色相 ( 320° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #411010 : -320
10 : #411810 : -310
20 : #412110 : -300
30 : #412910 : -290
40 : #413110 : -280
50 : #413910 : -270
60 : #414110 : -260
70 : #394110 : -250
80 : #314110 : -240
90 : #294110 : -230
100 : #214110 : -220
110 : #184110 : -210
120 : #104110 : -200
130 : #104118 : -190
140 : #104121 : -180
150 : #104129 : -170
160 : #104131 : -160
170 : #104139 : -150
180 : #104141 : -140
190 : #103941 : -130
200 : #103141 : -120
210 : #102941 : -110
220 : #102141 : -100
230 : #101841 : -90
240 : #101041 : -80
250 : #181041 : -70
260 : #211041 : -60
270 : #291041 : -50
280 : #311041 : -40
290 : #391041 : -30
300 : #411041 : -20
310 : #411039 : -10
320 : #411031 : ±0
330 : #411029 : +10
340 : #411021 : +20
350 : #411018 : +30
310 : #411039 : -10
311 : #411038 : -9
312 : #411037 : -8
313 : #411037 : -7
314 : #411036 : -6
315 : #411035 : -5
316 : #411034 : -4
317 : #411033 : -3
318 : #411033 : -2
319 : #411032 : -1
320 : #411031 : ±0
321 : #411030 : +1
322 : #41102f : +2
323 : #41102f : +3
324 : #41102e : +4
325 : #41102d : +5
326 : #41102c : +6
327 : #41102b : +7
328 : #41102a : +8
329 : #41102a : +9
330 : #411029 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -60
2 : #2a2829 : -58
4 : #2a2729 : -56
6 : #2b262a : -54
8 : #2c262a : -52
10 : #2d252a : -50
12 : #2e242a : -48
14 : #2f232b : -46
16 : #2f222b : -44
18 : #30212b : -42
20 : #31212c : -40
22 : #32202c : -38
24 : #331f2c : -36
26 : #331e2c : -34
28 : #341d2d : -32
30 : #351d2d : -30
32 : #361c2d : -28
34 : #371b2d : -26
36 : #371a2e : -24
38 : #38192e : -22
40 : #39182e : -20
42 : #3a182f : -18
44 : #3b172f : -16
46 : #3c162f : -14
48 : #3c152f : -12
50 : #3d1430 : -10
52 : #3e1430 : -8
54 : #3f1330 : -6
56 : #401230 : -4
58 : #401131 : -2
60 : #411031 : ±0
62 : #421031 : +2
64 : #430f32 : +4
66 : #440e32 : +6
68 : #450d32 : +8
70 : #450c32 : +10
72 : #460b33 : +12
74 : #470b33 : +14
76 : #480a33 : +16
78 : #490933 : +18
80 : #490834 : +20
82 : #4a0734 : +22
84 : #4b0734 : +24
86 : #4c0634 : +26
88 : #4d0535 : +28
90 : #4e0435 : +30
92 : #4e0335 : +32
94 : #4f0236 : +34
96 : #500236 : +36
98 : #510136 : +38
100 : #520036 : +40
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #080206 : -14
4 : #10040c : -12
6 : #180612 : -10
8 : #210818 : -8
10 : #290a1f : -6
12 : #310c25 : -4
14 : #390e2b : -2
16 : #411031 : ±0
18 : #491237 : +2
20 : #52143d : +4
22 : #5a1643 : +6
24 : #621849 : +8
26 : #6a1b50 : +10
28 : #721d56 : +12
30 : #7a1f5c : +14
32 : #832162 : +16
34 : #8b2368 : +18
36 : #93256e : +20
38 : #9b2774 : +22
40 : #a3297a : +24
42 : #ab2b81 : +26
44 : #b42d87 : +28
46 : #bc2f8d : +30
48 : #c43193 : +32
50 : #cc3399 : +34
52 : #ce3b9d : +36
54 : #d043a1 : +38
56 : #d24ba5 : +40
58 : #d454a9 : +42
60 : #d65cad : +44
62 : #d864b1 : +46
64 : #da6cb6 : +48
66 : #dc74ba : +50
68 : #de7cbe : +52
70 : #e085c2 : +54
72 : #e28dc6 : +56
74 : #e495ca : +58
76 : #e79dce : +60
78 : #e9a5d2 : +62
80 : #ebadd6 : +64
82 : #edb6da : +66
84 : #efbede : +68
86 : #f1c6e2 : +70
88 : #f3cee7 : +72
90 : #f5d6eb : +74
92 : #f7deef : +76
94 : #f9e7f3 : +78
96 : #fbeff7 : +80
98 : #fdf7fb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow