#531509
RGB ( 赤 = 83, 緑 = 21, 青 = 9 )
HSL ( 色相 = 10°, 彩度 = 80%, 明度 = 18% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #530909 : -10
10 : #531509 : ±0
20 : #532209 : +10
30 : #532e09 : +20
40 : #533a09 : +30
50 : #534609 : +40
60 : #535309 : +50
70 : #465309 : +60
80 : #3a5309 : +70
90 : #2e5309 : +80
100 : #225309 : +90
110 : #155309 : +100
120 : #095309 : +110
130 : #095315 : +120
140 : #095322 : +130
150 : #09532e : +140
160 : #09533a : +150
170 : #095346 : +160
180 : #095353 : +170
190 : #094653 : +180
200 : #093a53 : +190
210 : #092e53 : +200
220 : #092253 : +210
230 : #091553 : +220
240 : #090953 : +230
250 : #150953 : +240
260 : #220953 : +250
270 : #2e0953 : +260
280 : #3a0953 : +270
290 : #460953 : +280
300 : #530953 : +290
310 : #530946 : +300
320 : #53093a : +310
330 : #53092e : +320
340 : #530922 : +330
350 : #530915 : +340
0 : #530909 : -10
1 : #530a09 : -9
2 : #530c09 : -8
3 : #530d09 : -7
4 : #530e09 : -6
5 : #530f09 : -5
6 : #531109 : -4
7 : #531209 : -3
8 : #531309 : -2
9 : #531409 : -1
10 : #531509 : ±0
11 : #531709 : +1
12 : #531809 : +2
13 : #531909 : +3
14 : #531a09 : +4
15 : #531c09 : +5
16 : #531d09 : +6
17 : #531e09 : +7
18 : #531f09 : +8
19 : #532009 : +9
20 : #532209 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -80
2 : #2f2d2d : -78
4 : #302d2c : -76
6 : #312c2b : -74
8 : #322b2a : -72
10 : #322b29 : -70
12 : #332a28 : -68
14 : #342a27 : -66
16 : #352927 : -64
18 : #362826 : -62
20 : #372825 : -60
22 : #382724 : -58
24 : #392723 : -56
26 : #3a2622 : -54
28 : #3b2521 : -52
30 : #3c2520 : -50
32 : #3d241f : -48
34 : #3e231e : -46
36 : #3e231d : -44
38 : #3f221c : -42
40 : #40221c : -40
42 : #41211b : -38
44 : #42201a : -36
46 : #432019 : -34
48 : #441f18 : -32
50 : #451f17 : -30
52 : #461e16 : -28
54 : #471d15 : -26
56 : #481d14 : -24
58 : #491c13 : -22
60 : #491c12 : -20
62 : #4a1b11 : -18
64 : #4b1a11 : -16
66 : #4c1a10 : -14
68 : #4d190f : -12
70 : #4e180e : -10
72 : #4f180d : -8
74 : #50170c : -6
76 : #51170b : -4
78 : #52160a : -2
80 : #531509 : ±0
82 : #541508 : +2
84 : #541407 : +4
86 : #551406 : +6
88 : #561306 : +8
90 : #571205 : +10
92 : #581204 : +12
94 : #591103 : +14
96 : #5a1102 : +16
98 : #5b1001 : +18
100 : #5c0f00 : +20
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090201 : -16
4 : #120502 : -14
6 : #1c0703 : -12
8 : #250a04 : -10
10 : #2e0c05 : -8
12 : #370e06 : -6
14 : #401107 : -4
16 : #491308 : -2
18 : #531509 : ±0
20 : #5c180a : +2
22 : #651a0b : +4
24 : #6e1d0c : +6
26 : #771f0d : +8
28 : #81210e : +10
30 : #8a240f : +12
32 : #932610 : +14
34 : #9c2811 : +16
36 : #a52b12 : +18
38 : #ae2d13 : +20
40 : #b83014 : +22
42 : #c13215 : +24
44 : #ca3416 : +26
46 : #d33717 : +28
48 : #dc3918 : +30
50 : #e63c1a : +32
52 : #e74323 : +34
54 : #e84b2c : +36
56 : #e95335 : +38
58 : #ea5b3e : +40
60 : #eb6347 : +42
62 : #ec6a51 : +44
64 : #ed725a : +46
66 : #ee7a63 : +48
68 : #ef826c : +50
70 : #f08a75 : +52
72 : #f1927e : +54
74 : #f29988 : +56
76 : #f3a191 : +58
78 : #f4a99a : +60
80 : #f5b1a3 : +62
82 : #f6b9ac : +64
84 : #f7c0b6 : +66
86 : #f8c8bf : +68
88 : #f9d0c8 : +70
90 : #fad8d1 : +72
92 : #fbe0da : +74
94 : #fce8e3 : +76
96 : #fdefed : +78
98 : #fef7f6 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow