#53093f
RGB ( 赤 = 83, 緑 = 9, 青 = 63 )
HSL ( 色相 = 316°, 彩度 = 80%, 明度 = 18% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #531109 : -310
16 : #531d09 : -300
26 : #532909 : -290
36 : #533509 : -280
46 : #534109 : -270
56 : #534e09 : -260
66 : #4b5309 : -250
76 : #3f5309 : -240
86 : #335309 : -230
96 : #275309 : -220
106 : #1a5309 : -210
116 : #0e5309 : -200
126 : #095311 : -190
136 : #09531d : -180
146 : #095329 : -170
156 : #095335 : -160
166 : #095341 : -150
176 : #09534e : -140
186 : #094b53 : -130
196 : #093f53 : -120
206 : #093353 : -110
216 : #092753 : -100
226 : #091a53 : -90
236 : #090e53 : -80
246 : #110953 : -70
256 : #1d0953 : -60
266 : #290953 : -50
276 : #350953 : -40
286 : #410953 : -30
296 : #4e0953 : -20
306 : #53094b : -10
316 : #53093f : ±0
326 : #530933 : +10
336 : #530927 : +20
346 : #53091a : +30
356 : #53090e : +40
306 : #53094b : -10
307 : #53094a : -9
308 : #530949 : -8
309 : #530948 : -7
310 : #530946 : -6
311 : #530945 : -5
312 : #530944 : -4
313 : #530943 : -3
314 : #530941 : -2
315 : #530940 : -1
316 : #53093f : ±0
317 : #53093e : +1
318 : #53093d : +2
319 : #53093b : +3
320 : #53093a : +4
321 : #530939 : +5
322 : #530938 : +6
323 : #530936 : +7
324 : #530935 : +8
325 : #530934 : +9
326 : #530933 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -80
2 : #2f2d2e : -78
4 : #302c2f : -76
6 : #312b2f : -74
8 : #322a30 : -72
10 : #322930 : -70
12 : #332830 : -68
14 : #342731 : -66
16 : #352731 : -64
18 : #362632 : -62
20 : #372532 : -60
22 : #382433 : -58
24 : #392333 : -56
26 : #3a2233 : -54
28 : #3b2134 : -52
30 : #3c2034 : -50
32 : #3d1f35 : -48
34 : #3e1e35 : -46
36 : #3e1d36 : -44
38 : #3f1c36 : -42
40 : #401c36 : -40
42 : #411b37 : -38
44 : #421a37 : -36
46 : #431938 : -34
48 : #441838 : -32
50 : #451739 : -30
52 : #461639 : -28
54 : #471539 : -26
56 : #48143a : -24
58 : #49133a : -22
60 : #49123b : -20
62 : #4a113b : -18
64 : #4b113c : -16
66 : #4c103c : -14
68 : #4d0f3c : -12
70 : #4e0e3d : -10
72 : #4f0d3d : -8
74 : #500c3e : -6
76 : #510b3e : -4
78 : #520a3f : -2
80 : #53093f : ±0
82 : #54083f : +2
84 : #540740 : +4
86 : #550640 : +6
88 : #560641 : +8
90 : #570541 : +10
92 : #580442 : +12
94 : #590342 : +14
96 : #5a0242 : +16
98 : #5b0143 : +18
100 : #5c0043 : +20
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090107 : -16
4 : #12020e : -14
6 : #1c0315 : -12
8 : #25041c : -10
10 : #2e0523 : -8
12 : #37062a : -6
14 : #400731 : -4
16 : #490838 : -2
18 : #53093f : ±0
20 : #5c0a46 : +2
22 : #650b4d : +4
24 : #6e0c54 : +6
26 : #770d5b : +8
28 : #810e62 : +10
30 : #8a0f69 : +12
32 : #931070 : +14
34 : #9c1177 : +16
36 : #a5127e : +18
38 : #ae1385 : +20
40 : #b8148c : +22
42 : #c11593 : +24
44 : #ca169a : +26
46 : #d317a1 : +28
48 : #dc18a8 : +30
50 : #e61aaf : +32
52 : #e723b2 : +34
54 : #e82cb5 : +36
56 : #e935b9 : +38
58 : #ea3ebc : +40
60 : #eb47bf : +42
62 : #ec51c2 : +44
64 : #ed5ac5 : +46
66 : #ee63c9 : +48
68 : #ef6ccc : +50
70 : #f075cf : +52
72 : #f17ed2 : +54
74 : #f288d5 : +56
76 : #f391d9 : +58
78 : #f49adc : +60
80 : #f5a3df : +62
82 : #f6ace2 : +64
84 : #f7b6e5 : +66
86 : #f8bfe9 : +68
88 : #f9c8ec : +70
90 : #fad1ef : +72
92 : #fbdaf2 : +74
94 : #fce3f5 : +76
96 : #fdedf9 : +78
98 : #fef6fc : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow