#511428
RGB ( 赤 = 81, 緑 = 20, 青 = 40 )
HSL ( 色相 = 340°, 彩度 = 60%, 明度 = 20% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #521414 : -340
10 : #521f14 : -330
20 : #522914 : -320
30 : #523314 : -310
40 : #523d14 : -300
50 : #524714 : -290
60 : #525214 : -280
70 : #475214 : -270
80 : #3d5214 : -260
90 : #335214 : -250
100 : #295214 : -240
110 : #1f5214 : -230
120 : #145214 : -220
130 : #14521f : -210
140 : #145229 : -200
150 : #145233 : -190
160 : #14523d : -180
170 : #145247 : -170
180 : #145252 : -160
190 : #144752 : -150
200 : #143d52 : -140
210 : #143352 : -130
220 : #142952 : -120
230 : #141f52 : -110
240 : #141452 : -100
250 : #1f1452 : -90
260 : #291452 : -80
270 : #331452 : -70
280 : #3d1452 : -60
290 : #471452 : -50
300 : #521452 : -40
310 : #521447 : -30
320 : #52143d : -20
330 : #521433 : -10
340 : #521429 : ±0
350 : #52141f : +10
330 : #521433 : -10
331 : #521432 : -9
332 : #521431 : -8
333 : #521430 : -7
334 : #52142f : -6
335 : #52142e : -5
336 : #52142d : -4
337 : #52142c : -3
338 : #52142b : -2
339 : #52142a : -1
340 : #521429 : ±0
341 : #521428 : +1
342 : #521427 : +2
343 : #521426 : +3
344 : #521425 : +4
345 : #521424 : +5
346 : #521423 : +6
347 : #521422 : +7
348 : #521421 : +8
349 : #521420 : +9
350 : #52141f : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -60
2 : #343233 : -58
4 : #353132 : -56
6 : #363032 : -54
8 : #372f32 : -52
10 : #382e31 : -50
12 : #392d31 : -48
14 : #3a2c31 : -46
16 : #3b2b30 : -44
18 : #3c2a30 : -42
20 : #3d2930 : -40
22 : #3e282f : -38
24 : #3f272f : -36
26 : #40262f : -34
28 : #41252e : -32
30 : #42242e : -30
32 : #43232e : -28
34 : #44222d : -26
36 : #45212d : -24
38 : #46202d : -22
40 : #471f2c : -20
42 : #481e2c : -18
44 : #491d2c : -16
46 : #4a1c2b : -14
48 : #4b1b2b : -12
50 : #4d1a2b : -10
52 : #4e182a : -8
54 : #4f172a : -6
56 : #501629 : -4
58 : #511529 : -2
60 : #521429 : ±0
62 : #531328 : +2
64 : #541228 : +4
66 : #551128 : +6
68 : #561027 : +8
70 : #570f27 : +10
72 : #580e27 : +12
74 : #590d26 : +14
76 : #5a0c26 : +16
78 : #5b0b26 : +18
80 : #5c0a25 : +20
82 : #5d0925 : +22
84 : #5e0825 : +24
86 : #5f0724 : +26
88 : #600624 : +28
90 : #610524 : +30
92 : #620423 : +32
94 : #630323 : +34
96 : #640223 : +36
98 : #650122 : +38
100 : #660022 : +40
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080204 : -18
4 : #100408 : -16
6 : #18060c : -14
8 : #210810 : -12
10 : #290a14 : -10
12 : #310c18 : -8
14 : #390e1d : -6
16 : #411021 : -4
18 : #491225 : -2
20 : #521429 : ±0
22 : #5a162d : +2
24 : #621831 : +4
26 : #6a1b35 : +6
28 : #721d39 : +8
30 : #7a1f3d : +10
32 : #832141 : +12
34 : #8b2345 : +14
36 : #932549 : +16
38 : #9b274e : +18
40 : #a32952 : +20
42 : #ab2b56 : +22
44 : #b42d5a : +24
46 : #bc2f5e : +26
48 : #c43162 : +28
50 : #cc3366 : +30
52 : #ce3b6c : +32
54 : #d04372 : +34
56 : #d24b78 : +36
58 : #d4547e : +38
60 : #d65c85 : +40
62 : #d8648b : +42
64 : #da6c91 : +44
66 : #dc7497 : +46
68 : #de7c9d : +48
70 : #e085a3 : +50
72 : #e28da9 : +52
74 : #e495af : +54
76 : #e79db6 : +56
78 : #e9a5bc : +58
80 : #ebadc2 : +60
82 : #edb6c8 : +62
84 : #efbece : +64
86 : #f1c6d4 : +66
88 : #f3ceda : +68
90 : #f5d6e0 : +70
92 : #f7dee7 : +72
94 : #f9e7ed : +74
96 : #fbeff3 : +76
98 : #fdf7f9 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow