#80570a
RGB ( 赤 = 128, 緑 = 87, 青 = 10 )
HSL ( 色相 = 39°, 彩度 = 86%, 明度 = 27% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #801b0a : -30
19 : #802f0a : -20
29 : #80430a : -10
39 : #80570a : ±0
49 : #806a0a : +10
59 : #807e0a : +20
69 : #6e800a : +30
79 : #5b800a : +40
89 : #47800a : +50
99 : #33800a : +60
109 : #1f800a : +70
119 : #0c800a : +80
129 : #0a801b : +90
139 : #0a802f : +100
149 : #0a8043 : +110
159 : #0a8057 : +120
169 : #0a806a : +130
179 : #0a807e : +140
189 : #0a6e80 : +150
199 : #0a5b80 : +160
209 : #0a4780 : +170
219 : #0a3380 : +180
229 : #0a1f80 : +190
239 : #0a0c80 : +200
249 : #1b0a80 : +210
259 : #2f0a80 : +220
269 : #430a80 : +230
279 : #570a80 : +240
289 : #6a0a80 : +250
299 : #7e0a80 : +260
309 : #800a6e : +270
319 : #800a5b : +280
329 : #800a47 : +290
339 : #800a33 : +300
349 : #800a1f : +310
359 : #800a0c : +320
29 : #80430a : -10
30 : #80450a : -9
31 : #80470a : -8
32 : #80490a : -7
33 : #804b0a : -6
34 : #804d0a : -5
35 : #804f0a : -4
36 : #80510a : -3
37 : #80530a : -2
38 : #80550a : -1
39 : #80570a : ±0
40 : #80590a : +1
41 : #805b0a : +2
42 : #805d0a : +3
43 : #805f0a : +4
44 : #80600a : +5
45 : #80620a : +6
46 : #80640a : +7
47 : #80660a : +8
48 : #80680a : +9
49 : #806a0a : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -86
2 : #464543 : -84
4 : #484642 : -82
6 : #494641 : -80
8 : #4a473f : -78
10 : #4c473e : -76
12 : #4d473d : -74
14 : #4e483b : -72
16 : #50483a : -70
18 : #514938 : -68
20 : #534937 : -66
22 : #544936 : -64
24 : #554a34 : -62
26 : #574a33 : -60
28 : #584b32 : -58
30 : #5a4b30 : -56
32 : #5b4b2f : -54
34 : #5c4c2d : -52
36 : #5e4c2c : -50
38 : #5f4d2b : -48
40 : #604d29 : -46
42 : #624e28 : -44
44 : #634e27 : -42
46 : #654e25 : -40
48 : #664f24 : -38
50 : #674f22 : -36
52 : #695021 : -34
54 : #6a5020 : -32
56 : #6b501e : -30
58 : #6d511d : -28
60 : #6e511c : -26
62 : #70521a : -24
64 : #715219 : -22
66 : #725217 : -20
68 : #745316 : -18
70 : #755315 : -16
72 : #765413 : -14
74 : #785412 : -12
76 : #795511 : -10
78 : #7b550f : -8
80 : #7c550e : -6
82 : #7d560c : -4
84 : #7f560b : -2
86 : #80570a : ±0
88 : #815708 : +2
90 : #835707 : +4
92 : #845806 : +6
94 : #865804 : +8
96 : #875903 : +10
98 : #885901 : +12
100 : #8a5a00 : +14
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -26
3 : #0e0a01 : -24
5 : #181002 : -22
7 : #211602 : -20
9 : #2b1d03 : -18
11 : #342304 : -16
13 : #3e2a05 : -14
15 : #473005 : -12
17 : #513706 : -10
19 : #5a3d07 : -8
21 : #644307 : -6
23 : #6d4a08 : -4
25 : #775009 : -2
27 : #80570a : ±0
29 : #8a5d0a : +2
31 : #93630b : +4
33 : #9d6a0c : +6
35 : #a6700c : +8
37 : #af770d : +10
39 : #b97d0e : +12
41 : #c2840f : +14
43 : #cc8a0f : +16
45 : #d59010 : +18
47 : #df9711 : +20
49 : #e89d11 : +22
51 : #eea217 : +24
53 : #eea620 : +26
55 : #efaa2a : +28
57 : #f0ae33 : +30
59 : #f0b13d : +32
61 : #f1b546 : +34
63 : #f2b950 : +36
65 : #f3bd59 : +38
67 : #f3c162 : +40
69 : #f4c46c : +42
71 : #f5c875 : +44
73 : #f5cc7f : +46
75 : #f6d088 : +48
77 : #f7d392 : +50
79 : #f8d79b : +52
81 : #f8dba5 : +54
83 : #f9dfae : +56
85 : #fae3b8 : +58
87 : #fae6c1 : +60
89 : #fbeacb : +62
91 : #fceed4 : +64
93 : #fdf2de : +66
95 : #fdf6e7 : +68
97 : #fef9f1 : +70
99 : #fffdfa : +72
CSS入門、作ってます。
text-shadow