#530311
RGB ( 赤 = 83, 緑 = 3, 青 = 17 )
HSL ( 色相 = 350°, 彩度 = 93%, 明度 = 17% )
H : 色相 ( 350° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #540303 : -350
10 : #541003 : -340
20 : #541e03 : -330
30 : #542b03 : -320
40 : #543903 : -310
50 : #544603 : -300
60 : #545403 : -290
70 : #465403 : -280
80 : #395403 : -270
90 : #2b5403 : -260
100 : #1e5403 : -250
110 : #105403 : -240
120 : #035403 : -230
130 : #035410 : -220
140 : #03541e : -210
150 : #03542b : -200
160 : #035439 : -190
170 : #035446 : -180
180 : #035454 : -170
190 : #034654 : -160
200 : #033954 : -150
210 : #032b54 : -140
220 : #031e54 : -130
230 : #031054 : -120
240 : #030354 : -110
250 : #100354 : -100
260 : #1e0354 : -90
270 : #2b0354 : -80
280 : #390354 : -70
290 : #460354 : -60
300 : #540354 : -50
310 : #540346 : -40
320 : #540339 : -30
330 : #54032b : -20
340 : #54031e : -10
350 : #540310 : ±0
340 : #54031e : -10
341 : #54031d : -9
342 : #54031b : -8
343 : #54031a : -7
344 : #540319 : -6
345 : #540317 : -5
346 : #540316 : -4
347 : #540315 : -3
348 : #540313 : -2
349 : #540312 : -1
350 : #540310 : ±0
351 : #54030f : +1
352 : #54030e : +2
353 : #54030c : +3
354 : #54030b : +4
355 : #54030a : +5
356 : #540308 : +6
357 : #540307 : +7
358 : #540306 : +8
359 : #540304 : +9
0 : #540303 : -350
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2b : -92
3 : #2d2a2a : -90
5 : #2e292a : -88
7 : #2e2829 : -86
9 : #2f2729 : -84
11 : #302728 : -82
13 : #312628 : -80
15 : #322527 : -78
17 : #332426 : -76
19 : #342326 : -74
21 : #342225 : -72
23 : #352125 : -70
25 : #362124 : -68
27 : #372024 : -66
29 : #381f23 : -64
31 : #391e22 : -62
33 : #3a1d22 : -60
35 : #3b1c21 : -58
37 : #3b1b21 : -56
39 : #3c1a20 : -54
41 : #3d1a20 : -52
43 : #3e191f : -50
45 : #3f181e : -48
47 : #40171e : -46
49 : #41161d : -44
51 : #41151d : -42
53 : #42141c : -40
55 : #43141b : -38
57 : #44131b : -36
59 : #45121a : -34
61 : #46111a : -32
63 : #471019 : -30
65 : #480f19 : -28
67 : #480e18 : -26
69 : #490d17 : -24
71 : #4a0d17 : -22
73 : #4b0c16 : -20
75 : #4c0b16 : -18
77 : #4d0a15 : -16
79 : #4e0915 : -14
81 : #4e0814 : -12
83 : #4f0713 : -10
85 : #500713 : -8
87 : #510612 : -6
89 : #520512 : -4
91 : #530411 : -2
93 : #540310 : ±0
95 : #550210 : +2
97 : #55010f : +4
99 : #56000f : +6
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -16
3 : #0f0103 : -14
5 : #190105 : -12
7 : #220107 : -10
9 : #2c0209 : -8
11 : #36020b : -6
13 : #40020d : -4
15 : #4a030f : -2
17 : #540310 : ±0
19 : #5e0312 : +2
21 : #670414 : +4
23 : #710416 : +6
25 : #7b0418 : +8
27 : #85051a : +10
29 : #8f051c : +12
31 : #99061e : +14
33 : #a20620 : +16
35 : #ac0622 : +18
37 : #b60724 : +20
39 : #c00726 : +22
41 : #ca0728 : +24
43 : #d4082a : +26
45 : #dd082c : +28
47 : #e7082e : +30
49 : #f1092f : +32
51 : #f60e35 : +34
53 : #f7183d : +36
55 : #f72245 : +38
57 : #f72b4d : +40
59 : #f83556 : +42
61 : #f83f5e : +44
63 : #f84966 : +46
65 : #f9536e : +48
67 : #f95d77 : +50
69 : #f9667f : +52
71 : #fa7087 : +54
73 : #fa7a8f : +56
75 : #fb8498 : +58
77 : #fb8ea0 : +60
79 : #fb98a8 : +62
81 : #fca1b1 : +64
83 : #fcabb9 : +66
85 : #fcb5c1 : +68
87 : #fdbfc9 : +70
89 : #fdc9d2 : +72
91 : #fdd3da : +74
93 : #fedde2 : +76
95 : #fee6ea : +78
97 : #fef0f3 : +80
99 : #fffafb : +82
CSS入門、作ってます。
text-shadow