#511353
RGB ( 赤 = 81, 緑 = 19, 青 = 83 )
HSL ( 色相 = 298°, 彩度 = 63%, 明度 = 20% )
H : 色相 ( 298° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #531b13 : -290
18 : #532613 : -280
28 : #533113 : -270
38 : #533c13 : -260
48 : #534613 : -250
58 : #535113 : -240
68 : #4b5313 : -230
78 : #405313 : -220
88 : #355313 : -210
98 : #2a5313 : -200
108 : #205313 : -190
118 : #155313 : -180
128 : #13531b : -170
138 : #135326 : -160
148 : #135331 : -150
158 : #13533c : -140
168 : #135346 : -130
178 : #135351 : -120
188 : #134b53 : -110
198 : #134053 : -100
208 : #133553 : -90
218 : #132a53 : -80
228 : #132053 : -70
238 : #131553 : -60
248 : #1b1353 : -50
258 : #261353 : -40
268 : #311353 : -30
278 : #3c1353 : -20
288 : #461353 : -10
298 : #511353 : ±0
308 : #53134b : +10
318 : #531340 : +20
328 : #531335 : +30
338 : #53132a : +40
348 : #531320 : +50
358 : #531315 : +60
288 : #461353 : -10
289 : #471353 : -9
290 : #481353 : -8
291 : #491353 : -7
292 : #4b1353 : -6
293 : #4c1353 : -5
294 : #4d1353 : -4
295 : #4e1353 : -3
296 : #4f1353 : -2
297 : #501353 : -1
298 : #511353 : ±0
299 : #521353 : +1
300 : #531353 : +2
301 : #531352 : +3
302 : #531351 : +4
303 : #531350 : +5
304 : #53134f : +6
305 : #53134e : +7
306 : #53134d : +8
307 : #53134c : +9
308 : #53134b : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #333234 : -62
3 : #343135 : -60
5 : #353036 : -58
7 : #362f37 : -56
9 : #372e38 : -54
11 : #382d39 : -52
13 : #392c3a : -50
15 : #3a2b3b : -48
17 : #3b2a3c : -46
19 : #3c293d : -44
21 : #3d283e : -42
23 : #3e273f : -40
25 : #3f2640 : -38
27 : #402541 : -36
29 : #412442 : -34
31 : #422343 : -32
33 : #432244 : -30
35 : #442145 : -28
37 : #452046 : -26
39 : #461f47 : -24
41 : #471e48 : -22
43 : #471d49 : -20
45 : #481c4a : -18
47 : #491b4b : -16
49 : #4a1a4c : -14
51 : #4b194d : -12
53 : #4c184e : -10
55 : #4d174f : -8
57 : #4e1650 : -6
59 : #4f1551 : -4
61 : #501452 : -2
63 : #511353 : ±0
65 : #521254 : +2
67 : #531155 : +4
69 : #541056 : +6
71 : #550f57 : +8
73 : #560e58 : +10
75 : #570d59 : +12
77 : #580c5a : +14
79 : #590b5b : +16
81 : #5a0a5c : +18
83 : #5b095d : +20
85 : #5b085e : +22
87 : #5c075f : +24
89 : #5d0660 : +26
91 : #5e0561 : +28
93 : #5f0462 : +30
95 : #600363 : +32
97 : #610264 : +34
99 : #620165 : +36
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #080208 : -18
4 : #100411 : -16
6 : #180619 : -14
8 : #200821 : -12
10 : #28092a : -10
12 : #310b32 : -8
14 : #390d3a : -6
16 : #410f43 : -4
18 : #49114b : -2
20 : #511353 : ±0
22 : #59155b : +2
24 : #611764 : +4
26 : #69196c : +6
28 : #711a74 : +8
30 : #791c7d : +10
32 : #821e85 : +12
34 : #8a208d : +14
36 : #922296 : +16
38 : #9a249e : +18
40 : #a226a6 : +20
42 : #aa28af : +22
44 : #b22ab7 : +24
46 : #ba2bbf : +26
48 : #c22dc8 : +28
50 : #ca2fd0 : +30
52 : #cd37d2 : +32
54 : #cf40d4 : +34
56 : #d148d5 : +36
58 : #d350d7 : +38
60 : #d559d9 : +40
62 : #d761db : +42
64 : #d969dd : +44
66 : #db72df : +46
68 : #dd7ae1 : +48
70 : #df82e3 : +50
72 : #e28be5 : +52
74 : #e493e6 : +54
76 : #e69be8 : +56
78 : #e8a4ea : +58
80 : #eaacec : +60
82 : #ecb4ee : +62
84 : #eebcf0 : +64
86 : #f0c5f2 : +66
88 : #f2cdf4 : +68
90 : #f4d5f6 : +70
92 : #f7def7 : +72
94 : #f9e6f9 : +74
96 : #fbeefb : +76
98 : #fdf7fd : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow