#531763
RGB ( 赤 = 83, 緑 = 23, 青 = 99 )
HSL ( 色相 = 287°, 彩度 = 62%, 明度 = 24% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #632017 : -280
17 : #632d17 : -270
27 : #633917 : -260
37 : #634617 : -250
47 : #635317 : -240
57 : #635f17 : -230
67 : #5a6317 : -220
77 : #4e6317 : -210
87 : #416317 : -200
97 : #346317 : -190
107 : #286317 : -180
117 : #1b6317 : -170
127 : #176320 : -160
137 : #17632d : -150
147 : #176339 : -140
157 : #176346 : -130
167 : #176353 : -120
177 : #17635f : -110
187 : #175a63 : -100
197 : #174e63 : -90
207 : #174163 : -80
217 : #173463 : -70
227 : #172863 : -60
237 : #171b63 : -50
247 : #201763 : -40
257 : #2d1763 : -30
267 : #391763 : -20
277 : #461763 : -10
287 : #531763 : ±0
297 : #5f1763 : +10
307 : #63175a : +20
317 : #63174e : +30
327 : #631741 : +40
337 : #631734 : +50
347 : #631728 : +60
357 : #63171b : +70
277 : #461763 : -10
278 : #471763 : -9
279 : #491763 : -8
280 : #4a1763 : -7
281 : #4b1763 : -6
282 : #4c1763 : -5
283 : #4e1763 : -4
284 : #4f1763 : -3
285 : #501763 : -2
286 : #511763 : -1
287 : #531763 : ±0
288 : #541763 : +1
289 : #551763 : +2
290 : #561763 : +3
291 : #581763 : +4
292 : #591763 : +5
293 : #5a1763 : +6
294 : #5c1763 : +7
295 : #5d1763 : +8
296 : #5e1763 : +9
297 : #5f1763 : +10
S : 彩度 ( 62% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -62
2 : #3e3c3e : -60
4 : #3f3b40 : -58
6 : #3f3a41 : -56
8 : #403842 : -54
10 : #413743 : -52
12 : #413645 : -50
14 : #423546 : -48
16 : #433347 : -46
18 : #433248 : -44
20 : #443149 : -42
22 : #45304b : -40
24 : #462f4c : -38
26 : #462d4d : -36
28 : #472c4e : -34
30 : #482b50 : -32
32 : #482a51 : -30
34 : #492852 : -28
36 : #4a2753 : -26
38 : #4a2654 : -24
40 : #4b2556 : -22
42 : #4c2357 : -20
44 : #4c2258 : -18
46 : #4d2159 : -16
48 : #4e205b : -14
50 : #4f1f5c : -12
52 : #4f1d5d : -10
54 : #501c5e : -8
56 : #511b5f : -6
58 : #511a61 : -4
60 : #521862 : -2
62 : #531763 : ±0
64 : #531664 : +2
66 : #541566 : +4
68 : #551467 : +6
70 : #551268 : +8
72 : #561169 : +10
74 : #57106a : +12
76 : #580f6c : +14
78 : #580d6d : +16
80 : #590c6e : +18
82 : #5a0b6f : +20
84 : #5a0a71 : +22
86 : #5b0972 : +24
88 : #5c0773 : +26
90 : #5c0674 : +28
92 : #5d0576 : +30
94 : #5e0477 : +32
96 : #5e0278 : +34
98 : #5f0179 : +36
100 : #60007a : +38
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070208 : -22
4 : #0e0411 : -20
6 : #150619 : -18
8 : #1c0821 : -16
10 : #220a29 : -14
12 : #290c32 : -12
14 : #300e3a : -10
16 : #371042 : -8
18 : #3e114a : -6
20 : #451353 : -4
22 : #4c155b : -2
24 : #531763 : ±0
26 : #5a196b : +2
28 : #601b74 : +4
30 : #671d7c : +6
32 : #6e1f84 : +8
34 : #75218c : +10
36 : #7c2395 : +12
38 : #83259d : +14
40 : #8a27a5 : +16
42 : #9129ae : +18
44 : #982bb6 : +20
46 : #9f2dbe : +22
48 : #a52fc6 : +24
50 : #ac30cf : +26
52 : #b039d0 : +28
54 : #b341d2 : +30
56 : #b649d4 : +32
58 : #ba51d6 : +34
60 : #bd5ad8 : +36
62 : #c062da : +38
64 : #c36adc : +40
66 : #c773de : +42
68 : #ca7be0 : +44
70 : #cd83e2 : +46
72 : #d18be4 : +48
74 : #d494e6 : +50
76 : #d79ce8 : +52
78 : #dba4ea : +54
80 : #deacec : +56
82 : #e1b5ee : +58
84 : #e5bdef : +60
86 : #e8c5f1 : +62
88 : #ebcdf3 : +64
90 : #eed6f5 : +66
92 : #f2def7 : +68
94 : #f5e6f9 : +70
96 : #f8eefb : +72
98 : #fcf7fd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow