#501510
RGB ( 赤 = 80, 緑 = 21, 青 = 16 )
HSL ( 色相 = 5°, 彩度 = 67%, 明度 = 19% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #511510 : ±0
15 : #512010 : +10
25 : #512b10 : +20
35 : #513610 : +30
45 : #514110 : +40
55 : #514c10 : +50
65 : #4c5110 : +60
75 : #415110 : +70
85 : #365110 : +80
95 : #2b5110 : +90
105 : #205110 : +100
115 : #155110 : +110
125 : #105115 : +120
135 : #105120 : +130
145 : #10512b : +140
155 : #105136 : +150
165 : #105141 : +160
175 : #10514c : +170
185 : #104c51 : +180
195 : #104151 : +190
205 : #103651 : +200
215 : #102b51 : +210
225 : #102051 : +220
235 : #101551 : +230
245 : #151051 : +240
255 : #201051 : +250
265 : #2b1051 : +260
275 : #361051 : +270
285 : #411051 : +280
295 : #4c1051 : +290
305 : #51104c : +300
315 : #511041 : +310
325 : #511036 : +320
335 : #51102b : +330
345 : #511020 : +340
355 : #511015 : +350
355 : #511015 : +350
356 : #511014 : +351
357 : #511013 : +352
358 : #511012 : +353
359 : #511011 : +354
0 : #511010 : -5
1 : #511110 : -4
2 : #511210 : -3
3 : #511310 : -2
4 : #511410 : -1
5 : #511510 : ±0
6 : #511610 : +1
7 : #511810 : +2
8 : #511910 : +3
9 : #511a10 : +4
10 : #511b10 : +5
11 : #511c10 : +6
12 : #511d10 : +7
13 : #511e10 : +8
14 : #511f10 : +9
15 : #512010 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313030 : -66
3 : #322f2f : -64
5 : #332e2e : -62
7 : #342e2d : -60
9 : #352d2c : -58
11 : #362c2b : -56
13 : #372b2a : -54
15 : #382a29 : -52
17 : #392a28 : -50
19 : #3a2927 : -48
21 : #3b2826 : -46
23 : #3c2725 : -44
25 : #3d2624 : -42
27 : #3e2623 : -40
29 : #3f2522 : -38
31 : #3f2421 : -36
33 : #402320 : -34
35 : #41221f : -32
37 : #42221f : -30
39 : #43211e : -28
41 : #44201d : -26
43 : #451f1c : -24
45 : #461e1b : -22
47 : #471d1a : -20
49 : #481d19 : -18
51 : #491c18 : -16
53 : #4a1b17 : -14
55 : #4b1a16 : -12
57 : #4c1915 : -10
59 : #4d1914 : -8
61 : #4e1813 : -6
63 : #4f1712 : -4
65 : #501611 : -2
67 : #511510 : ±0
69 : #52150f : +2
71 : #53140e : +4
73 : #54130d : +6
75 : #55120c : +8
77 : #56110b : +10
79 : #57110a : +12
81 : #581009 : +14
83 : #590f08 : +16
85 : #5a0e07 : +18
87 : #5b0d06 : +20
89 : #5c0d05 : +22
91 : #5d0c04 : +24
93 : #5e0b03 : +26
95 : #5e0a02 : +28
97 : #5f0901 : +30
99 : #600800 : +32
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -18
3 : #0d0303 : -16
5 : #150604 : -14
7 : #1e0806 : -12
9 : #260a08 : -10
11 : #2f0c09 : -8
13 : #370f0b : -6
15 : #40110d : -4
17 : #48130e : -2
19 : #511510 : ±0
21 : #591812 : +2
23 : #621a13 : +4
25 : #6a1c15 : +6
27 : #731e17 : +8
29 : #7b2118 : +10
31 : #84231a : +12
33 : #8d251c : +14
35 : #95271d : +16
37 : #9e2a1f : +18
39 : #a62c21 : +20
41 : #af2e23 : +22
43 : #b73024 : +24
45 : #c03326 : +26
47 : #c83528 : +28
49 : #d13729 : +30
51 : #d63c2e : +32
53 : #d74437 : +34
55 : #d94c3f : +36
57 : #db5448 : +38
59 : #dc5c50 : +40
61 : #de6459 : +42
63 : #e06c61 : +44
65 : #e2746a : +46
67 : #e37c72 : +48
69 : #e5847b : +50
71 : #e78c84 : +52
73 : #e8948c : +54
75 : #ea9c95 : +56
77 : #eca49d : +58
79 : #edaca6 : +60
81 : #efb3ae : +62
83 : #f1bbb7 : +64
85 : #f2c3bf : +66
87 : #f4cbc8 : +68
89 : #f6d3d0 : +70
91 : #f7dbd9 : +72
93 : #f9e3e1 : +74
95 : #fbebea : +76
97 : #fcf3f2 : +78
99 : #fefbfb : +80
CSS入門、作ってます。
text-shadow