#78877e
RGB ( 赤 = 120, 緑 = 135, 青 = 126 )
HSL ( 色相 = 144°, 彩度 = 6%, 明度 = 50% )
H : 色相 ( 144° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #877978 : -140
14 : #877b78 : -130
24 : #877e78 : -120
34 : #878178 : -110
44 : #878378 : -100
54 : #878678 : -90
64 : #868778 : -80
74 : #848778 : -70
84 : #818778 : -60
94 : #7e8778 : -50
104 : #7c8778 : -40
114 : #798778 : -30
124 : #788779 : -20
134 : #78877b : -10
144 : #78877e : ±0
154 : #788781 : +10
164 : #788783 : +20
174 : #788786 : +30
184 : #788687 : +40
194 : #788487 : +50
204 : #788187 : +60
214 : #787e87 : +70
224 : #787c87 : +80
234 : #787987 : +90
244 : #797887 : +100
254 : #7b7887 : +110
264 : #7e7887 : +120
274 : #817887 : +130
284 : #837887 : +140
294 : #867887 : +150
304 : #877886 : +160
314 : #877884 : +170
324 : #877881 : +180
334 : #87787e : +190
344 : #87787c : +200
354 : #877879 : +210
134 : #78877b : -10
135 : #78877c : -9
136 : #78877c : -8
137 : #78877c : -7
138 : #78877c : -6
139 : #78877d : -5
140 : #78877d : -4
141 : #78877d : -3
142 : #78877d : -2
143 : #78877e : -1
144 : #78877e : ±0
145 : #78877e : +1
146 : #78877e : +2
147 : #78877f : +3
148 : #78877f : +4
149 : #78877f : +5
150 : #788780 : +6
151 : #788780 : +7
152 : #788780 : +8
153 : #788780 : +9
154 : #788781 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -6
2 : #7d827f : -4
4 : #7a857e : -2
6 : #78877e : ±0
8 : #758a7d : +2
10 : #738c7d : +4
12 : #708f7c : +6
14 : #6e917c : +8
16 : #6b947b : +10
18 : #69967b : +12
20 : #66997a : +14
22 : #639c7a : +16
24 : #619e79 : +18
26 : #5ea179 : +20
28 : #5ca378 : +22
30 : #59a678 : +24
32 : #57a877 : +26
34 : #54ab77 : +28
36 : #52ad76 : +30
38 : #4fb076 : +32
40 : #4db375 : +34
42 : #4ab575 : +36
44 : #47b874 : +38
46 : #45ba74 : +40
48 : #42bd73 : +42
50 : #40bf73 : +44
52 : #3dc272 : +46
54 : #3bc472 : +48
56 : #38c771 : +50
58 : #36c971 : +52
60 : #33cc70 : +54
62 : #30cf70 : +56
64 : #2ed16f : +58
66 : #2bd46f : +60
68 : #29d66e : +62
70 : #26d96e : +64
72 : #24db6d : +66
74 : #21de6d : +68
76 : #1fe06c : +70
78 : #1ce36c : +72
80 : #1ae66b : +74
82 : #17e86b : +76
84 : #14eb6a : +78
86 : #12ed6a : +80
88 : #0ff069 : +82
90 : #0df269 : +84
92 : #0af568 : +86
94 : #08f768 : +88
96 : #05fa67 : +90
98 : #03fc67 : +92
100 : #00ff66 : +94
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050505 : -48
4 : #0a0b0a : -46
6 : #0e100f : -44
8 : #131614 : -42
10 : #181b19 : -40
12 : #1d201e : -38
14 : #222623 : -36
16 : #262b28 : -34
18 : #2b312d : -32
20 : #303632 : -30
22 : #353b37 : -28
24 : #3a413c : -26
26 : #3e4642 : -24
28 : #434c47 : -22
30 : #48514c : -20
32 : #4d5651 : -18
34 : #515c56 : -16
36 : #56615b : -14
38 : #5b6760 : -12
40 : #606c65 : -10
42 : #65726a : -8
44 : #69776f : -6
46 : #6e7c74 : -4
48 : #738279 : -2
50 : #78877e : ±0
52 : #7d8c83 : +2
54 : #839188 : +4
56 : #88968d : +6
58 : #8d9a93 : +8
60 : #939f98 : +10
62 : #98a49d : +12
64 : #9ea9a2 : +14
66 : #a3aea7 : +16
68 : #a9b2ac : +18
70 : #aeb7b2 : +20
72 : #b3bcb7 : +22
74 : #b9c1bc : +24
76 : #bec5c1 : +26
78 : #c4cac6 : +28
80 : #c9cfcb : +30
82 : #ced4d1 : +32
84 : #d4d9d6 : +34
86 : #d9dddb : +36
88 : #dfe2e0 : +38
90 : #e4e7e5 : +40
92 : #e9ecea : +42
94 : #eff1f0 : +44
96 : #f4f5f5 : +46
98 : #fafafa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow