#511440
RGB ( 赤 = 81, 緑 = 20, 青 = 64 )
HSL ( 色相 = 317°, 彩度 = 60%, 明度 = 20% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #521c14 : -310
17 : #522614 : -300
27 : #523014 : -290
37 : #523a14 : -280
47 : #524414 : -270
57 : #524f14 : -260
67 : #4a5214 : -250
77 : #405214 : -240
87 : #365214 : -230
97 : #2c5214 : -220
107 : #225214 : -210
117 : #175214 : -200
127 : #14521c : -190
137 : #145226 : -180
147 : #145230 : -170
157 : #14523a : -160
167 : #145244 : -150
177 : #14524f : -140
187 : #144a52 : -130
197 : #144052 : -120
207 : #143652 : -110
217 : #142c52 : -100
227 : #142252 : -90
237 : #141752 : -80
247 : #1c1452 : -70
257 : #261452 : -60
267 : #301452 : -50
277 : #3a1452 : -40
287 : #441452 : -30
297 : #4f1452 : -20
307 : #52144a : -10
317 : #521440 : ±0
327 : #521436 : +10
337 : #52142c : +20
347 : #521422 : +30
357 : #521417 : +40
307 : #52144a : -10
308 : #521449 : -9
309 : #521448 : -8
310 : #521447 : -7
311 : #521446 : -6
312 : #521445 : -5
313 : #521444 : -4
314 : #521443 : -3
315 : #521442 : -2
316 : #521441 : -1
317 : #521440 : ±0
318 : #52143f : +1
319 : #52143e : +2
320 : #52143d : +3
321 : #52143c : +4
322 : #52143b : +5
323 : #52143a : +6
324 : #521439 : +7
325 : #521438 : +8
326 : #521437 : +9
327 : #521436 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -60
2 : #343233 : -58
4 : #353134 : -56
6 : #363034 : -54
8 : #372f35 : -52
10 : #382e35 : -50
12 : #392d36 : -48
14 : #3a2c36 : -46
16 : #3b2b37 : -44
18 : #3c2a37 : -42
20 : #3d2937 : -40
22 : #3e2838 : -38
24 : #3f2738 : -36
26 : #402639 : -34
28 : #412539 : -32
30 : #42243a : -30
32 : #43233a : -28
34 : #44223b : -26
36 : #45213b : -24
38 : #46203b : -22
40 : #471f3c : -20
42 : #481e3c : -18
44 : #491d3d : -16
46 : #4a1c3d : -14
48 : #4b1b3e : -12
50 : #4d1a3e : -10
52 : #4e183e : -8
54 : #4f173f : -6
56 : #50163f : -4
58 : #511540 : -2
60 : #521440 : ±0
62 : #531341 : +2
64 : #541241 : +4
66 : #551142 : +6
68 : #561042 : +8
70 : #570f42 : +10
72 : #580e43 : +12
74 : #590d43 : +14
76 : #5a0c44 : +16
78 : #5b0b44 : +18
80 : #5c0a45 : +20
82 : #5d0945 : +22
84 : #5e0846 : +24
86 : #5f0746 : +26
88 : #600646 : +28
90 : #610547 : +30
92 : #620447 : +32
94 : #630348 : +34
96 : #640248 : +36
98 : #650149 : +38
100 : #660049 : +40
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080206 : -18
4 : #10040d : -16
6 : #180613 : -14
8 : #21081a : -12
10 : #290a20 : -10
12 : #310c27 : -8
14 : #390e2d : -6
16 : #411033 : -4
18 : #49123a : -2
20 : #521440 : ±0
22 : #5a1647 : +2
24 : #62184d : +4
26 : #6a1b54 : +6
28 : #721d5a : +8
30 : #7a1f60 : +10
32 : #832167 : +12
34 : #8b236d : +14
36 : #932574 : +16
38 : #9b277a : +18
40 : #a32981 : +20
42 : #ab2b87 : +22
44 : #b42d8d : +24
46 : #bc2f94 : +26
48 : #c4319a : +28
50 : #cc33a1 : +30
52 : #ce3ba4 : +32
54 : #d043a8 : +34
56 : #d24bac : +36
58 : #d454b0 : +38
60 : #d65cb4 : +40
62 : #d864b7 : +42
64 : #da6cbb : +44
66 : #dc74bf : +46
68 : #de7cc3 : +48
70 : #e085c6 : +50
72 : #e28dca : +52
74 : #e495ce : +54
76 : #e79dd2 : +56
78 : #e9a5d5 : +58
80 : #ebadd9 : +60
82 : #edb6dd : +62
84 : #efbee1 : +64
86 : #f1c6e5 : +66
88 : #f3cee8 : +68
90 : #f5d6ec : +70
92 : #f7def0 : +72
94 : #f9e7f4 : +74
96 : #fbeff7 : +76
98 : #fdf7fb : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow