#510107
RGB ( 赤 = 81, 緑 = 1, 青 = 7 )
HSL ( 色相 = 356°, 彩度 = 98%, 明度 = 16% )
H : 色相 ( 356° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #510901 : -350
16 : #511601 : -340
26 : #512301 : -330
36 : #513101 : -320
46 : #513e01 : -310
56 : #514b01 : -300
66 : #495101 : -290
76 : #3b5101 : -280
86 : #2e5101 : -270
96 : #215101 : -260
106 : #135101 : -250
116 : #065101 : -240
126 : #015109 : -230
136 : #015116 : -220
146 : #015123 : -210
156 : #015131 : -200
166 : #01513e : -190
176 : #01514b : -180
186 : #014951 : -170
196 : #013b51 : -160
206 : #012e51 : -150
216 : #012151 : -140
226 : #011351 : -130
236 : #010651 : -120
246 : #090151 : -110
256 : #160151 : -100
266 : #230151 : -90
276 : #310151 : -80
286 : #3e0151 : -70
296 : #4b0151 : -60
306 : #510149 : -50
316 : #51013b : -40
326 : #51012e : -30
336 : #510121 : -20
346 : #510113 : -10
356 : #510106 : ±0
346 : #510113 : -10
347 : #510112 : -9
348 : #510111 : -8
349 : #51010f : -7
350 : #51010e : -6
351 : #51010d : -5
352 : #51010b : -4
353 : #51010a : -3
354 : #510109 : -2
355 : #510107 : -1
356 : #510106 : ±0
357 : #510105 : +1
358 : #510103 : +2
359 : #510102 : +3
0 : #510101 : -356
1 : #510201 : -355
2 : #510301 : -354
3 : #510501 : -353
4 : #510601 : -352
5 : #510701 : -351
6 : #510901 : -350
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -98
2 : #2a2828 : -96
4 : #2a2727 : -94
6 : #2b2627 : -92
8 : #2c2626 : -90
10 : #2d2525 : -88
12 : #2e2425 : -86
14 : #2f2324 : -84
16 : #2f2223 : -82
18 : #302122 : -80
20 : #312122 : -78
22 : #322021 : -76
24 : #331f20 : -74
26 : #331e20 : -72
28 : #341d1f : -70
30 : #351d1e : -68
32 : #361c1d : -66
34 : #371b1d : -64
36 : #371a1c : -62
38 : #38191b : -60
40 : #39181b : -58
42 : #3a181a : -56
44 : #3b1719 : -54
46 : #3c1619 : -52
48 : #3c1518 : -50
50 : #3d1417 : -48
52 : #3e1416 : -46
54 : #3f1316 : -44
56 : #401215 : -42
58 : #401114 : -40
60 : #411014 : -38
62 : #421013 : -36
64 : #430f12 : -34
66 : #440e11 : -32
68 : #450d11 : -30
70 : #450c10 : -28
72 : #460b0f : -26
74 : #470b0f : -24
76 : #480a0e : -22
78 : #49090d : -20
80 : #49080d : -18
82 : #4a070c : -16
84 : #4b070b : -14
86 : #4c060a : -12
88 : #4d050a : -10
90 : #4e0409 : -8
92 : #4e0308 : -6
94 : #4f0208 : -4
96 : #500207 : -2
98 : #510106 : ±0
100 : #520005 : +2
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #0a0001 : -14
4 : #140002 : -12
6 : #1e0002 : -10
8 : #280003 : -8
10 : #320104 : -6
12 : #3d0105 : -4
14 : #470105 : -2
16 : #510106 : ±0
18 : #5b0107 : +2
20 : #650108 : +4
22 : #6f0108 : +6
24 : #790109 : +8
26 : #83010a : +10
28 : #8d010b : +12
30 : #97020c : +14
32 : #a2020c : +16
34 : #ac020d : +18
36 : #b6020e : +20
38 : #c0020f : +22
40 : #ca020f : +24
42 : #d40210 : +26
44 : #de0211 : +28
46 : #e80212 : +30
48 : #f20212 : +32
50 : #fc0313 : +34
52 : #fd0d1d : +36
54 : #fd1726 : +38
56 : #fd2130 : +40
58 : #fd2b39 : +42
60 : #fd3542 : +44
62 : #fd3f4c : +46
64 : #fd4955 : +48
66 : #fd535f : +50
68 : #fd5d68 : +52
70 : #fd6872 : +54
72 : #fe727b : +56
74 : #fe7c84 : +58
76 : #fe868e : +60
78 : #fe9097 : +62
80 : #fe9aa1 : +64
82 : #fea4aa : +66
84 : #feaeb4 : +68
86 : #feb8bd : +70
88 : #fec2c6 : +72
90 : #fecdd0 : +74
92 : #ffd7d9 : +76
94 : #ffe1e3 : +78
96 : #ffebec : +80
98 : #fff5f6 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow