#401fa3
RGB ( 赤 = 64, 緑 = 31, 青 = 163 )
HSL ( 色相 = 255°, 彩度 = 68%, 明度 = 38% )
H : 色相 ( 255° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a32a1f : -250
15 : #a3401f : -240
25 : #a3561f : -230
35 : #a36c1f : -220
45 : #a3821f : -210
55 : #a3981f : -200
65 : #98a31f : -190
75 : #82a31f : -180
85 : #6ca31f : -170
95 : #56a31f : -160
105 : #40a31f : -150
115 : #2aa31f : -140
125 : #1fa32a : -130
135 : #1fa340 : -120
145 : #1fa356 : -110
155 : #1fa36c : -100
165 : #1fa382 : -90
175 : #1fa398 : -80
185 : #1f98a3 : -70
195 : #1f82a3 : -60
205 : #1f6ca3 : -50
215 : #1f56a3 : -40
225 : #1f40a3 : -30
235 : #1f2aa3 : -20
245 : #2a1fa3 : -10
255 : #401fa3 : ±0
265 : #561fa3 : +10
275 : #6c1fa3 : +20
285 : #821fa3 : +30
295 : #981fa3 : +40
305 : #a31f98 : +50
315 : #a31f82 : +60
325 : #a31f6c : +70
335 : #a31f56 : +80
345 : #a31f40 : +90
355 : #a31f2a : +100
245 : #2a1fa3 : -10
246 : #2c1fa3 : -9
247 : #2e1fa3 : -8
248 : #311fa3 : -7
249 : #331fa3 : -6
250 : #351fa3 : -5
251 : #371fa3 : -4
252 : #391fa3 : -3
253 : #3c1fa3 : -2
254 : #3e1fa3 : -1
255 : #401fa3 : ±0
256 : #421fa3 : +1
257 : #441fa3 : +2
258 : #471fa3 : +3
259 : #491fa3 : +4
260 : #4b1fa3 : +5
261 : #4d1fa3 : +6
262 : #4f1fa3 : +7
263 : #521fa3 : +8
264 : #541fa3 : +9
265 : #561fa3 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -68
2 : #605f63 : -66
4 : #5f5d65 : -64
6 : #5e5b67 : -62
8 : #5d5969 : -60
10 : #5c576b : -58
12 : #5b556d : -56
14 : #5a536e : -54
16 : #595170 : -52
18 : #584f72 : -50
20 : #574e74 : -48
22 : #564c76 : -46
24 : #554a78 : -44
26 : #54487a : -42
28 : #53467c : -40
30 : #52447e : -38
32 : #514280 : -36
34 : #504082 : -34
36 : #4f3e84 : -32
38 : #4e3c86 : -30
40 : #4e3a88 : -28
42 : #4d388a : -26
44 : #4c368c : -24
46 : #4b348d : -22
48 : #4a328f : -20
50 : #493091 : -18
52 : #482f93 : -16
54 : #472d95 : -14
56 : #462b97 : -12
58 : #452999 : -10
60 : #44279b : -8
62 : #43259d : -6
64 : #42239f : -4
66 : #4121a1 : -2
68 : #401fa3 : ±0
70 : #3f1da5 : +2
72 : #3e1ba7 : +4
74 : #3d19a9 : +6
76 : #3c17ab : +8
78 : #3b15ac : +10
80 : #3a13ae : +12
82 : #3911b0 : +14
84 : #3810b2 : +16
86 : #370eb4 : +18
88 : #360cb6 : +20
90 : #350ab8 : +22
92 : #3408ba : +24
94 : #3306bc : +26
96 : #3204be : +28
98 : #3102c0 : +30
100 : #3000c2 : +32
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #030209 : -36
4 : #070311 : -34
6 : #0a051a : -32
8 : #0d0722 : -30
10 : #11082b : -28
12 : #140a33 : -26
14 : #180b3c : -24
16 : #1b0d45 : -22
18 : #1e0f4d : -20
20 : #221056 : -18
22 : #25125e : -16
24 : #281467 : -14
26 : #2c156f : -12
28 : #2f1778 : -10
30 : #321881 : -8
32 : #361a89 : -6
34 : #391c92 : -4
36 : #3d1d9a : -2
38 : #401fa3 : ±0
40 : #4321ab : +2
42 : #4722b4 : +4
44 : #4a24bc : +6
46 : #4d26c5 : +8
48 : #5127ce : +10
50 : #5429d6 : +12
52 : #5b31d8 : +14
54 : #623ad9 : +16
56 : #6943db : +18
58 : #6f4bdd : +20
60 : #7654de : +22
62 : #7d5ce0 : +24
64 : #8465e2 : +26
66 : #8b6de3 : +28
68 : #9276e5 : +30
70 : #987ee7 : +32
72 : #9f87e8 : +34
74 : #a690ea : +36
76 : #ad98eb : +38
78 : #b4a1ed : +40
80 : #bba9ef : +42
82 : #c1b2f0 : +44
84 : #c8baf2 : +46
86 : #cfc3f4 : +48
88 : #d6ccf5 : +50
90 : #ddd4f7 : +52
92 : #e4ddf8 : +54
94 : #eae5fa : +56
96 : #f1eefc : +58
98 : #f8f6fd : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow