#80887c
RGB ( 赤 = 128, 緑 = 136, 青 = 124 )
HSL ( 色相 = 100°, 彩度 = 5%, 明度 = 51% )
H : 色相 ( 100° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #887c7c : -100
10 : #887e7c : -90
20 : #88807c : -80
30 : #88827c : -70
40 : #88847c : -60
50 : #88867c : -50
60 : #88887c : -40
70 : #86887c : -30
80 : #84887c : -20
90 : #82887c : -10
100 : #80887c : ±0
110 : #7e887c : +10
120 : #7c887c : +20
130 : #7c887e : +30
140 : #7c8880 : +40
150 : #7c8882 : +50
160 : #7c8884 : +60
170 : #7c8886 : +70
180 : #7c8888 : +80
190 : #7c8688 : +90
200 : #7c8488 : +100
210 : #7c8288 : +110
220 : #7c8088 : +120
230 : #7c7e88 : +130
240 : #7c7c88 : +140
250 : #7e7c88 : +150
260 : #807c88 : +160
270 : #827c88 : +170
280 : #847c88 : +180
290 : #867c88 : +190
300 : #887c88 : +200
310 : #887c86 : +210
320 : #887c84 : +220
330 : #887c82 : +230
340 : #887c80 : +240
350 : #887c7e : +250
90 : #82887c : -10
91 : #82887c : -9
92 : #82887c : -8
93 : #81887c : -7
94 : #81887c : -6
95 : #81887c : -5
96 : #81887c : -4
97 : #81887c : -3
98 : #80887c : -2
99 : #80887c : -1
100 : #80887c : ±0
101 : #80887c : +1
102 : #80887c : +2
103 : #7f887c : +3
104 : #7f887c : +4
105 : #7f887c : +5
106 : #7f887c : +6
107 : #7f887c : +7
108 : #7e887c : +8
109 : #7e887c : +9
110 : #7e887c : +10
S : 彩度 ( 5% )
(0%) 渋い ~ 鮮やか (100%)
1 : #828381 : -4
3 : #81867e : -2
5 : #80887c : ±0
7 : #7f8b79 : +2
9 : #7e8d77 : +4
11 : #7d9074 : +6
13 : #7d9272 : +8
15 : #7c956f : +10
17 : #7b976d : +12
19 : #7a9a6a : +14
21 : #799c68 : +16
23 : #789f65 : +18
25 : #78a163 : +20
27 : #77a460 : +22
29 : #76a65e : +24
31 : #75a95b : +26
33 : #74ab59 : +28
35 : #73ae56 : +30
37 : #73b054 : +32
39 : #72b351 : +34
41 : #71b54f : +36
43 : #70b84c : +38
45 : #6fba4a : +40
47 : #6ebd47 : +42
49 : #6ebf45 : +44
51 : #6dc242 : +46
53 : #6cc440 : +48
55 : #6bc73d : +50
57 : #6ac93b : +52
59 : #69cc38 : +54
61 : #69ce36 : +56
63 : #68d133 : +58
65 : #67d331 : +60
67 : #66d62e : +62
69 : #65d82c : +64
71 : #64db29 : +66
73 : #64dd27 : +68
75 : #63e024 : +70
77 : #62e222 : +72
79 : #61e51f : +74
81 : #60e71d : +76
83 : #5fea1a : +78
85 : #5fec18 : +80
87 : #5eef15 : +82
89 : #5df113 : +84
91 : #5cf410 : +86
93 : #5bf60e : +88
95 : #5af90b : +90
97 : #5afb09 : +92
99 : #59fe06 : +94
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -50
3 : #080807 : -48
5 : #0d0d0c : -46
7 : #121311 : -44
9 : #171816 : -42
11 : #1c1d1b : -40
13 : #21231f : -38
15 : #262824 : -36
17 : #2b2e29 : -34
19 : #30332e : -32
21 : #353833 : -30
23 : #3a3e38 : -28
25 : #3f433d : -26
27 : #444841 : -24
29 : #494e46 : -22
31 : #4e534b : -20
33 : #535850 : -18
35 : #585e55 : -16
37 : #5d635a : -14
39 : #62685e : -12
41 : #676e63 : -10
43 : #6c7368 : -8
45 : #71786d : -6
47 : #767e72 : -4
49 : #7b8377 : -2
51 : #80887c : ±0
53 : #858d81 : +2
55 : #8a9287 : +4
57 : #90978c : +6
59 : #959c91 : +8
61 : #9aa197 : +10
63 : #9fa59c : +12
65 : #a4aaa1 : +14
67 : #a9afa7 : +16
69 : #afb4ac : +18
71 : #b4b9b1 : +20
73 : #b9beb7 : +22
75 : #bec2bc : +24
77 : #c3c7c1 : +26
79 : #c9ccc7 : +28
81 : #ced1cc : +30
83 : #d3d6d1 : +32
85 : #d8dbd7 : +34
87 : #dde0dc : +36
89 : #e2e4e2 : +38
91 : #e8e9e7 : +40
93 : #edeeec : +42
95 : #f2f3f2 : +44
97 : #f7f8f7 : +46
99 : #fcfdfc : +48
CSS入門、作ってます。
text-shadow