#801b0a
RGB ( 赤 = 128, 緑 = 27, 青 = 10 )
HSL ( 色相 = 9°, 彩度 = 86%, 明度 = 27% )
H : 色相 ( 9° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #801b0a : ±0
19 : #802f0a : +10
29 : #80430a : +20
39 : #80570a : +30
49 : #806a0a : +40
59 : #807e0a : +50
69 : #6e800a : +60
79 : #5b800a : +70
89 : #47800a : +80
99 : #33800a : +90
109 : #1f800a : +100
119 : #0c800a : +110
129 : #0a801b : +120
139 : #0a802f : +130
149 : #0a8043 : +140
159 : #0a8057 : +150
169 : #0a806a : +160
179 : #0a807e : +170
189 : #0a6e80 : +180
199 : #0a5b80 : +190
209 : #0a4780 : +200
219 : #0a3380 : +210
229 : #0a1f80 : +220
239 : #0a0c80 : +230
249 : #1b0a80 : +240
259 : #2f0a80 : +250
269 : #430a80 : +260
279 : #570a80 : +270
289 : #6a0a80 : +280
299 : #7e0a80 : +290
309 : #800a6e : +300
319 : #800a5b : +310
329 : #800a47 : +320
339 : #800a33 : +330
349 : #800a1f : +340
359 : #800a0c : +350
359 : #800a0c : +350
0 : #800a0a : -9
1 : #800c0a : -8
2 : #800e0a : -7
3 : #80100a : -6
4 : #80120a : -5
5 : #80140a : -4
6 : #80150a : -3
7 : #80170a : -2
8 : #80190a : -1
9 : #801b0a : ±0
10 : #801d0a : +1
11 : #801f0a : +2
12 : #80210a : +3
13 : #80230a : +4
14 : #80250a : +5
15 : #80270a : +6
16 : #80290a : +7
17 : #802b0a : +8
18 : #802d0a : +9
19 : #802f0a : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -86
2 : #464443 : -84
4 : #484342 : -82
6 : #494241 : -80
8 : #4a413f : -78
10 : #4c403e : -76
12 : #4d3f3d : -74
14 : #4e3e3b : -72
16 : #503d3a : -70
18 : #513c38 : -68
20 : #533b37 : -66
22 : #543a36 : -64
24 : #553934 : -62
26 : #573833 : -60
28 : #583732 : -58
30 : #5a3630 : -56
32 : #5b352f : -54
34 : #5c342d : -52
36 : #5e332c : -50
38 : #5f332b : -48
40 : #603229 : -46
42 : #623128 : -44
44 : #633027 : -42
46 : #652f25 : -40
48 : #662e24 : -38
50 : #672d22 : -36
52 : #692c21 : -34
54 : #6a2b20 : -32
56 : #6b2a1e : -30
58 : #6d291d : -28
60 : #6e281c : -26
62 : #70271a : -24
64 : #712619 : -22
66 : #722517 : -20
68 : #742416 : -18
70 : #752315 : -16
72 : #762213 : -14
74 : #782112 : -12
76 : #792011 : -10
78 : #7b1f0f : -8
80 : #7c1e0e : -6
82 : #7d1d0c : -4
84 : #7f1c0b : -2
86 : #801b0a : ±0
88 : #811a08 : +2
90 : #831907 : +4
92 : #841906 : +6
94 : #861804 : +8
96 : #871703 : +10
98 : #881601 : +12
100 : #8a1500 : +14
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -26
3 : #0e0301 : -24
5 : #180502 : -22
7 : #210702 : -20
9 : #2b0903 : -18
11 : #340b04 : -16
13 : #3e0d05 : -14
15 : #470f05 : -12
17 : #511106 : -10
19 : #5a1307 : -8
21 : #641507 : -6
23 : #6d1708 : -4
25 : #771909 : -2
27 : #801b0a : ±0
29 : #8a1d0a : +2
31 : #931f0b : +4
33 : #9d210c : +6
35 : #a6240c : +8
37 : #af260d : +10
39 : #b9280e : +12
41 : #c22a0f : +14
43 : #cc2c0f : +16
45 : #d52e10 : +18
47 : #df3011 : +20
49 : #e83211 : +22
51 : #ee3717 : +24
53 : #ee3f20 : +26
55 : #ef472a : +28
57 : #f04f33 : +30
59 : #f0583d : +32
61 : #f16046 : +34
63 : #f26850 : +36
65 : #f37059 : +38
67 : #f37862 : +40
69 : #f4806c : +42
71 : #f58975 : +44
73 : #f5917f : +46
75 : #f69988 : +48
77 : #f7a192 : +50
79 : #f8a99b : +52
81 : #f8b1a5 : +54
83 : #f9baae : +56
85 : #fac2b8 : +58
87 : #facac1 : +60
89 : #fbd2cb : +62
91 : #fcdad4 : +64
93 : #fde2de : +66
95 : #fdebe7 : +68
97 : #fef3f1 : +70
99 : #fffbfa : +72
CSS入門、作ってます。
text-shadow