#530733
RGB ( 赤 = 83, 緑 = 7, 青 = 51 )
HSL ( 色相 = 325°, 彩度 = 84%, 明度 = 18% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #540e07 : -320
15 : #541b07 : -310
25 : #542707 : -300
35 : #543407 : -290
45 : #544107 : -280
55 : #544e07 : -270
65 : #4e5407 : -260
75 : #415407 : -250
85 : #345407 : -240
95 : #275407 : -230
105 : #1b5407 : -220
115 : #0e5407 : -210
125 : #07540e : -200
135 : #07541b : -190
145 : #075427 : -180
155 : #075434 : -170
165 : #075441 : -160
175 : #07544e : -150
185 : #074e54 : -140
195 : #074154 : -130
205 : #073454 : -120
215 : #072754 : -110
225 : #071b54 : -100
235 : #070e54 : -90
245 : #0e0754 : -80
255 : #1b0754 : -70
265 : #270754 : -60
275 : #340754 : -50
285 : #410754 : -40
295 : #4e0754 : -30
305 : #54074e : -20
315 : #540741 : -10
325 : #540734 : ±0
335 : #540727 : +10
345 : #54071b : +20
355 : #54070e : +30
315 : #540741 : -10
316 : #540740 : -9
317 : #54073f : -8
318 : #54073d : -7
319 : #54073c : -6
320 : #54073b : -5
321 : #540739 : -4
322 : #540738 : -3
323 : #540737 : -2
324 : #540736 : -1
325 : #540734 : ±0
326 : #540733 : +1
327 : #540732 : +2
328 : #540730 : +3
329 : #54072f : +4
330 : #54072e : +5
331 : #54072d : +6
332 : #54072b : +7
333 : #54072a : +8
334 : #540729 : +9
335 : #540727 : +10
S : 彩度 ( 84% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -84
2 : #2f2d2e : -82
4 : #302c2e : -80
6 : #312b2e : -78
8 : #322a2f : -76
10 : #32292f : -74
12 : #33282f : -72
14 : #34272f : -70
16 : #35272f : -68
18 : #36262f : -66
20 : #37252f : -64
22 : #382430 : -62
24 : #392330 : -60
26 : #3a2230 : -58
28 : #3b2130 : -56
30 : #3c2030 : -54
32 : #3d1f30 : -52
34 : #3e1e31 : -50
36 : #3e1d31 : -48
38 : #3f1c31 : -46
40 : #401c31 : -44
42 : #411b31 : -42
44 : #421a31 : -40
46 : #431931 : -38
48 : #441832 : -36
50 : #451732 : -34
52 : #461632 : -32
54 : #471532 : -30
56 : #481432 : -28
58 : #491332 : -26
60 : #491232 : -24
62 : #4a1133 : -22
64 : #4b1133 : -20
66 : #4c1033 : -18
68 : #4d0f33 : -16
70 : #4e0e33 : -14
72 : #4f0d33 : -12
74 : #500c34 : -10
76 : #510b34 : -8
78 : #520a34 : -6
80 : #530934 : -4
82 : #540834 : -2
84 : #540734 : ±0
86 : #550634 : +2
88 : #560635 : +4
90 : #570535 : +6
92 : #580435 : +8
94 : #590335 : +10
96 : #5a0235 : +12
98 : #5b0135 : +14
100 : #5c0036 : +16
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090106 : -16
4 : #13020c : -14
6 : #1c0211 : -12
8 : #260317 : -10
10 : #2f041d : -8
12 : #380523 : -6
14 : #420629 : -4
16 : #4b072f : -2
18 : #540734 : ±0
20 : #5e083a : +2
22 : #670940 : +4
24 : #710a46 : +6
26 : #7a0b4c : +8
28 : #830b51 : +10
30 : #8d0c57 : +12
32 : #960d5d : +14
34 : #a00e63 : +16
36 : #a90f69 : +18
38 : #b2106e : +20
40 : #bc1074 : +22
42 : #c5117a : +24
44 : #ce1280 : +26
46 : #d81386 : +28
48 : #e1148c : +30
50 : #eb1491 : +32
52 : #eb1e96 : +34
54 : #ec279a : +36
56 : #ed319f : +38
58 : #ee3aa3 : +40
60 : #ef43a7 : +42
62 : #ef4dac : +44
64 : #f056b0 : +46
66 : #f15fb4 : +48
68 : #f269b9 : +50
70 : #f372bd : +52
72 : #f47cc2 : +54
74 : #f485c6 : +56
76 : #f58eca : +58
78 : #f698cf : +60
80 : #f7a1d3 : +62
82 : #f8abd8 : +64
84 : #f8b4dc : +66
86 : #f9bde0 : +68
88 : #fac7e5 : +70
90 : #fbd0e9 : +72
92 : #fcd9ed : +74
94 : #fde3f2 : +76
96 : #fdecf6 : +78
98 : #fef6fb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow