#871c21
RGB ( 赤 = 135, 緑 = 28, 青 = 33 )
HSL ( 色相 = 357°, 彩度 = 66%, 明度 = 32% )
H : 色相 ( 357° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #87281c : -350
17 : #873a1c : -340
27 : #874c1c : -330
37 : #875e1c : -320
47 : #87701c : -310
57 : #87821c : -300
67 : #7b871c : -290
77 : #69871c : -280
87 : #57871c : -270
97 : #45871c : -260
107 : #33871c : -250
117 : #21871c : -240
127 : #1c8728 : -230
137 : #1c873a : -220
147 : #1c874c : -210
157 : #1c875e : -200
167 : #1c8770 : -190
177 : #1c8782 : -180
187 : #1c7b87 : -170
197 : #1c6987 : -160
207 : #1c5787 : -150
217 : #1c4587 : -140
227 : #1c3387 : -130
237 : #1c2187 : -120
247 : #281c87 : -110
257 : #3a1c87 : -100
267 : #4c1c87 : -90
277 : #5e1c87 : -80
287 : #701c87 : -70
297 : #821c87 : -60
307 : #871c7b : -50
317 : #871c69 : -40
327 : #871c57 : -30
337 : #871c45 : -20
347 : #871c33 : -10
357 : #871c21 : ±0
347 : #871c33 : -10
348 : #871c31 : -9
349 : #871c2f : -8
350 : #871c2e : -7
351 : #871c2c : -6
352 : #871c2a : -5
353 : #871c28 : -4
354 : #871c27 : -3
355 : #871c25 : -2
356 : #871c23 : -1
357 : #871c21 : ±0
358 : #871c1f : +1
359 : #871c1e : +2
0 : #871c1c : -357
1 : #871e1c : -356
2 : #871f1c : -355
3 : #87211c : -354
4 : #87231c : -353
5 : #87251c : -352
6 : #87271c : -351
7 : #87281c : -350
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -66
2 : #535050 : -64
4 : #554e4f : -62
6 : #564d4d : -60
8 : #584b4c : -58
10 : #5a494a : -56
12 : #5b4849 : -54
14 : #5d4647 : -52
16 : #5f4546 : -50
18 : #604344 : -48
20 : #624143 : -46
22 : #644041 : -44
24 : #653e40 : -42
26 : #673c3f : -40
28 : #683b3d : -38
30 : #6a393c : -36
32 : #6c373a : -34
34 : #6d3639 : -32
36 : #6f3437 : -30
38 : #713336 : -28
40 : #723134 : -26
42 : #742f33 : -24
44 : #762e31 : -22
46 : #772c30 : -20
48 : #792a2e : -18
50 : #7a292d : -16
52 : #7c272b : -14
54 : #7e262a : -12
56 : #7f2428 : -10
58 : #812227 : -8
60 : #832126 : -6
62 : #841f24 : -4
64 : #861d23 : -2
66 : #871c21 : ±0
68 : #891a20 : +2
70 : #8b181e : +4
72 : #8c171d : +6
74 : #8e151b : +8
76 : #90141a : +10
78 : #911218 : +12
80 : #931017 : +14
82 : #950f15 : +16
84 : #960d14 : +18
86 : #980b12 : +20
88 : #990a11 : +22
90 : #9b0810 : +24
92 : #9d070e : +26
94 : #9e050d : +28
96 : #a0030b : +30
98 : #a2020a : +32
100 : #a30008 : +34
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080202 : -30
4 : #110304 : -28
6 : #190506 : -26
8 : #220708 : -24
10 : #2a090a : -22
12 : #330a0c : -20
14 : #3b0c0e : -18
16 : #440e11 : -16
18 : #4c1013 : -14
20 : #551115 : -12
22 : #5d1317 : -10
24 : #661519 : -8
26 : #6e171b : -6
28 : #77181d : -4
30 : #7f1a1f : -2
32 : #871c21 : ±0
34 : #901d23 : +2
36 : #981f25 : +4
38 : #a12127 : +6
40 : #a92329 : +8
42 : #b2242b : +10
44 : #ba262e : +12
46 : #c32830 : +14
48 : #cb2a32 : +16
50 : #d42b34 : +18
52 : #d5343c : +20
54 : #d73c44 : +22
56 : #d9454c : +24
58 : #db4d54 : +26
60 : #dc565c : +28
62 : #de5e65 : +30
64 : #e0676d : +32
66 : #e26f75 : +34
68 : #e3787d : +36
70 : #e58085 : +38
72 : #e7888d : +40
74 : #e89195 : +42
76 : #ea999d : +44
78 : #eca2a6 : +46
80 : #eeaaae : +48
82 : #efb3b6 : +50
84 : #f1bbbe : +52
86 : #f3c4c6 : +54
88 : #f5ccce : +56
90 : #f6d5d6 : +58
92 : #f8ddde : +60
94 : #fae6e7 : +62
96 : #fceeef : +64
98 : #fdf7f7 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow