#877b78
RGB ( 赤 = 135, 緑 = 123, 青 = 120 )
HSL ( 色相 = 12°, 彩度 = 6%, 明度 = 50% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #877878 : -10
12 : #877b78 : ±0
22 : #877d78 : +10
32 : #878078 : +20
42 : #878378 : +30
52 : #878578 : +40
62 : #878778 : +50
72 : #848778 : +60
82 : #828778 : +70
92 : #7f8778 : +80
102 : #7c8778 : +90
112 : #7a8778 : +100
122 : #788778 : +110
132 : #78877b : +120
142 : #78877d : +130
152 : #788780 : +140
162 : #788783 : +150
172 : #788785 : +160
182 : #788787 : +170
192 : #788487 : +180
202 : #788287 : +190
212 : #787f87 : +200
222 : #787c87 : +210
232 : #787a87 : +220
242 : #787887 : +230
252 : #7b7887 : +240
262 : #7d7887 : +250
272 : #807887 : +260
282 : #837887 : +270
292 : #857887 : +280
302 : #877887 : +290
312 : #877884 : +300
322 : #877882 : +310
332 : #87787f : +320
342 : #87787c : +330
352 : #87787a : +340
2 : #877878 : -10
3 : #877978 : -9
4 : #877978 : -8
5 : #877978 : -7
6 : #877978 : -6
7 : #877a78 : -5
8 : #877a78 : -4
9 : #877a78 : -3
10 : #877a78 : -2
11 : #877b78 : -1
12 : #877b78 : ±0
13 : #877b78 : +1
14 : #877b78 : +2
15 : #877c78 : +3
16 : #877c78 : +4
17 : #877c78 : +5
18 : #877c78 : +6
19 : #877d78 : +7
20 : #877d78 : +8
21 : #877d78 : +9
22 : #877d78 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -6
2 : #827e7d : -4
4 : #857c7a : -2
6 : #877b78 : ±0
8 : #8a7975 : +2
10 : #8c7873 : +4
12 : #8f7670 : +6
14 : #91756e : +8
16 : #94736b : +10
18 : #967269 : +12
20 : #997066 : +14
22 : #9c6f63 : +16
24 : #9e6d61 : +18
26 : #a16c5e : +20
28 : #a36a5c : +22
30 : #a66959 : +24
32 : #a86757 : +26
34 : #ab6554 : +28
36 : #ad6452 : +30
38 : #b0624f : +32
40 : #b3614d : +34
42 : #b55f4a : +36
44 : #b85e47 : +38
46 : #ba5c45 : +40
48 : #bd5b42 : +42
50 : #bf5940 : +44
52 : #c2583d : +46
54 : #c4563b : +48
56 : #c75538 : +50
58 : #c95336 : +52
60 : #cc5233 : +54
62 : #cf5030 : +56
64 : #d14f2e : +58
66 : #d44d2b : +60
68 : #d64b29 : +62
70 : #d94a26 : +64
72 : #db4824 : +66
74 : #de4721 : +68
76 : #e0451f : +70
78 : #e3441c : +72
80 : #e6421a : +74
82 : #e84117 : +76
84 : #eb3f14 : +78
86 : #ed3e12 : +80
88 : #f03c0f : +82
90 : #f23b0d : +84
92 : #f5390a : +86
94 : #f73808 : +88
96 : #fa3605 : +90
98 : #fc3503 : +92
100 : #ff3300 : +94
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050505 : -48
4 : #0b0a0a : -46
6 : #100f0e : -44
8 : #161413 : -42
10 : #1b1918 : -40
12 : #201d1d : -38
14 : #262222 : -36
16 : #2b2726 : -34
18 : #312c2b : -32
20 : #363130 : -30
22 : #3b3635 : -28
24 : #413b3a : -26
26 : #46403e : -24
28 : #4c4543 : -22
30 : #514a48 : -20
32 : #564f4d : -18
34 : #5c5451 : -16
36 : #615856 : -14
38 : #675d5b : -12
40 : #6c6260 : -10
42 : #726765 : -8
44 : #776c69 : -6
46 : #7c716e : -4
48 : #827673 : -2
50 : #877b78 : ±0
52 : #8c807d : +2
54 : #918583 : +4
56 : #968b88 : +6
58 : #9a908d : +8
60 : #9f9593 : +10
62 : #a49b98 : +12
64 : #a9a09e : +14
66 : #aea5a3 : +16
68 : #b2aaa9 : +18
70 : #b7b0ae : +20
72 : #bcb5b3 : +22
74 : #c1bab9 : +24
76 : #c5c0be : +26
78 : #cac5c4 : +28
80 : #cfcac9 : +30
82 : #d4cfce : +32
84 : #d9d5d4 : +34
86 : #dddad9 : +36
88 : #e2dfdf : +38
90 : #e7e5e4 : +40
92 : #eceae9 : +42
94 : #f1efef : +44
96 : #f5f4f4 : +46
98 : #fafafa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow