#530b43
RGB ( 赤 = 83, 緑 = 11, 青 = 67 )
HSL ( 色相 = 313°, 彩度 = 77%, 明度 = 18% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #510e0b : -310
13 : #511a0b : -300
23 : #51260b : -290
33 : #51310b : -280
43 : #513d0b : -270
53 : #51490b : -260
63 : #4e510b : -250
73 : #42510b : -240
83 : #36510b : -230
93 : #2a510b : -220
103 : #1f510b : -210
113 : #13510b : -200
123 : #0b510e : -190
133 : #0b511a : -180
143 : #0b5126 : -170
153 : #0b5131 : -160
163 : #0b513d : -150
173 : #0b5149 : -140
183 : #0b4e51 : -130
193 : #0b4251 : -120
203 : #0b3651 : -110
213 : #0b2a51 : -100
223 : #0b1f51 : -90
233 : #0b1351 : -80
243 : #0e0b51 : -70
253 : #1a0b51 : -60
263 : #260b51 : -50
273 : #310b51 : -40
283 : #3d0b51 : -30
293 : #490b51 : -20
303 : #510b4e : -10
313 : #510b42 : ±0
323 : #510b36 : +10
333 : #510b2a : +20
343 : #510b1f : +30
353 : #510b13 : +40
303 : #510b4e : -10
304 : #510b4d : -9
305 : #510b4b : -8
306 : #510b4a : -7
307 : #510b49 : -6
308 : #510b48 : -5
309 : #510b47 : -4
310 : #510b45 : -3
311 : #510b44 : -2
312 : #510b43 : -1
313 : #510b42 : ±0
314 : #510b41 : +1
315 : #510b40 : +2
316 : #510b3e : +3
317 : #510b3d : +4
318 : #510b3c : +5
319 : #510b3b : +6
320 : #510b3a : +7
321 : #510b39 : +8
322 : #510b37 : +9
323 : #510b36 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2d2e : -76
3 : #2f2d2f : -74
5 : #302c2f : -72
7 : #312b30 : -70
9 : #322a30 : -68
11 : #332931 : -66
13 : #342831 : -64
15 : #352732 : -62
17 : #362632 : -60
19 : #372533 : -58
21 : #382433 : -56
23 : #382334 : -54
25 : #392234 : -52
27 : #3a2235 : -50
29 : #3b2135 : -48
31 : #3c2036 : -46
33 : #3d1f36 : -44
35 : #3e1e37 : -42
37 : #3f1d38 : -40
39 : #401c38 : -38
41 : #411b39 : -36
43 : #421a39 : -34
45 : #43193a : -32
47 : #43183a : -30
49 : #44173b : -28
51 : #45163b : -26
53 : #46163c : -24
55 : #47153c : -22
57 : #48143d : -20
59 : #49133d : -18
61 : #4a123e : -16
63 : #4b113e : -14
65 : #4c103f : -12
67 : #4d0f3f : -10
69 : #4e0e40 : -8
71 : #4e0d40 : -6
73 : #4f0c41 : -4
75 : #500b41 : -2
77 : #510b42 : ±0
79 : #520a42 : +2
81 : #530943 : +4
83 : #540843 : +6
85 : #550744 : +8
87 : #560645 : +10
89 : #570545 : +12
91 : #580446 : +14
93 : #590346 : +16
95 : #5a0247 : +18
97 : #5a0147 : +20
99 : #5b0048 : +22
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090107 : -16
4 : #12020f : -14
6 : #1b0416 : -12
8 : #24051d : -10
10 : #2d0625 : -8
12 : #36072c : -6
14 : #3f0833 : -4
16 : #48093b : -2
18 : #510b42 : ±0
20 : #5a0c49 : +2
22 : #630d51 : +4
24 : #6c0e58 : +6
26 : #750f5f : +8
28 : #7e1067 : +10
30 : #87126e : +12
32 : #901375 : +14
34 : #99147d : +16
36 : #a21584 : +18
38 : #ac168b : +20
40 : #b51793 : +22
42 : #be199a : +24
44 : #c71aa1 : +26
46 : #d01ba8 : +28
48 : #d91cb0 : +30
50 : #e21db7 : +32
52 : #e326ba : +34
54 : #e42fbd : +36
56 : #e538c0 : +38
58 : #e641c3 : +40
60 : #e84ac6 : +42
62 : #e953c8 : +44
64 : #ea5dcb : +46
66 : #eb66ce : +48
68 : #ec6fd1 : +50
70 : #ed78d4 : +52
72 : #ef81d7 : +54
74 : #f08ada : +56
76 : #f193dd : +58
78 : #f29cdf : +60
80 : #f3a5e2 : +62
82 : #f4aee5 : +64
84 : #f6b7e8 : +66
86 : #f7c0eb : +68
88 : #f8c9ee : +70
90 : #f9d2f1 : +72
92 : #fadbf4 : +74
94 : #fbe4f6 : +76
96 : #fdedf9 : +78
98 : #fef6fc : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow