#510145
RGB ( 赤 = 81, 緑 = 1, 青 = 69 )
HSL ( 色相 = 309°, 彩度 = 98%, 明度 = 16% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #510d01 : -300
19 : #511a01 : -290
29 : #512701 : -280
39 : #513501 : -270
49 : #514201 : -260
59 : #514f01 : -250
69 : #455101 : -240
79 : #375101 : -230
89 : #2a5101 : -220
99 : #1d5101 : -210
109 : #0f5101 : -200
119 : #025101 : -190
129 : #01510d : -180
139 : #01511a : -170
149 : #015127 : -160
159 : #015135 : -150
169 : #015142 : -140
179 : #01514f : -130
189 : #014551 : -120
199 : #013751 : -110
209 : #012a51 : -100
219 : #011d51 : -90
229 : #010f51 : -80
239 : #010251 : -70
249 : #0d0151 : -60
259 : #1a0151 : -50
269 : #270151 : -40
279 : #350151 : -30
289 : #420151 : -20
299 : #4f0151 : -10
309 : #510145 : ±0
319 : #510137 : +10
329 : #51012a : +20
339 : #51011d : +30
349 : #51010f : +40
359 : #510102 : +50
299 : #4f0151 : -10
300 : #510151 : -9
301 : #51014f : -8
302 : #51014e : -7
303 : #51014d : -6
304 : #51014b : -5
305 : #51014a : -4
306 : #510149 : -3
307 : #510147 : -2
308 : #510146 : -1
309 : #510145 : ±0
310 : #510143 : +1
311 : #510142 : +2
312 : #510141 : +3
313 : #51013f : +4
314 : #51013e : +5
315 : #51013d : +6
316 : #51013b : +7
317 : #51013a : +8
318 : #510139 : +9
319 : #510137 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -98
2 : #2a2829 : -96
4 : #2a272a : -94
6 : #2b262b : -92
8 : #2c262b : -90
10 : #2d252c : -88
12 : #2e242c : -86
14 : #2f232d : -84
16 : #2f222d : -82
18 : #30212e : -80
20 : #31212f : -78
22 : #32202f : -76
24 : #331f30 : -74
26 : #331e30 : -72
28 : #341d31 : -70
30 : #351d31 : -68
32 : #361c32 : -66
34 : #371b33 : -64
36 : #371a33 : -62
38 : #381934 : -60
40 : #391834 : -58
42 : #3a1835 : -56
44 : #3b1735 : -54
46 : #3c1636 : -52
48 : #3c1537 : -50
50 : #3d1437 : -48
52 : #3e1438 : -46
54 : #3f1338 : -44
56 : #401239 : -42
58 : #401139 : -40
60 : #41103a : -38
62 : #42103b : -36
64 : #430f3b : -34
66 : #440e3c : -32
68 : #450d3c : -30
70 : #450c3d : -28
72 : #460b3d : -26
74 : #470b3e : -24
76 : #480a3f : -22
78 : #49093f : -20
80 : #490840 : -18
82 : #4a0740 : -16
84 : #4b0741 : -14
86 : #4c0641 : -12
88 : #4d0542 : -10
90 : #4e0443 : -8
92 : #4e0343 : -6
94 : #4f0244 : -4
96 : #500244 : -2
98 : #510145 : ±0
100 : #520045 : +2
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #0a0009 : -14
4 : #140011 : -12
6 : #1e001a : -10
8 : #280022 : -8
10 : #32012b : -6
12 : #3d0134 : -4
14 : #47013c : -2
16 : #510145 : ±0
18 : #5b014d : +2
20 : #650156 : +4
22 : #6f015f : +6
24 : #790167 : +8
26 : #830170 : +10
28 : #8d0178 : +12
30 : #970281 : +14
32 : #a2028a : +16
34 : #ac0292 : +18
36 : #b6029b : +20
38 : #c002a3 : +22
40 : #ca02ac : +24
42 : #d402b5 : +26
44 : #de02bd : +28
46 : #e802c6 : +30
48 : #f202ce : +32
50 : #fc03d7 : +34
52 : #fd0dd9 : +36
54 : #fd17da : +38
56 : #fd21dc : +40
58 : #fd2bdd : +42
60 : #fd35df : +44
62 : #fd3fe1 : +46
64 : #fd49e2 : +48
66 : #fd53e4 : +50
68 : #fd5de5 : +52
70 : #fd68e7 : +54
72 : #fe72e9 : +56
74 : #fe7cea : +58
76 : #fe86ec : +60
78 : #fe90ed : +62
80 : #fe9aef : +64
82 : #fea4f1 : +66
84 : #feaef2 : +68
86 : #feb8f4 : +70
88 : #fec2f5 : +72
90 : #fecdf7 : +74
92 : #ffd7f9 : +76
94 : #ffe1fa : +78
96 : #ffebfc : +80
98 : #fff5fd : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow