#78877f
RGB ( 赤 = 120, 緑 = 135, 青 = 127 )
HSL ( 色相 = 148°, 彩度 = 6%, 明度 = 50% )
H : 色相 ( 148° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #877a78 : -140
18 : #877c78 : -130
28 : #877f78 : -120
38 : #878278 : -110
48 : #878478 : -100
58 : #878778 : -90
68 : #858778 : -80
78 : #838778 : -70
88 : #808778 : -60
98 : #7d8778 : -50
108 : #7b8778 : -40
118 : #788778 : -30
128 : #78877a : -20
138 : #78877c : -10
148 : #78877f : ±0
158 : #788782 : +10
168 : #788784 : +20
178 : #788787 : +30
188 : #788587 : +40
198 : #788387 : +50
208 : #788087 : +60
218 : #787d87 : +70
228 : #787b87 : +80
238 : #787887 : +90
248 : #7a7887 : +100
258 : #7c7887 : +110
268 : #7f7887 : +120
278 : #827887 : +130
288 : #847887 : +140
298 : #877887 : +150
308 : #877885 : +160
318 : #877883 : +170
328 : #877880 : +180
338 : #87787d : +190
348 : #87787b : +200
358 : #877878 : +210
138 : #78877c : -10
139 : #78877d : -9
140 : #78877d : -8
141 : #78877d : -7
142 : #78877d : -6
143 : #78877e : -5
144 : #78877e : -4
145 : #78877e : -3
146 : #78877e : -2
147 : #78877f : -1
148 : #78877f : ±0
149 : #78877f : +1
150 : #788780 : +2
151 : #788780 : +3
152 : #788780 : +4
153 : #788780 : +5
154 : #788781 : +6
155 : #788781 : +7
156 : #788781 : +8
157 : #788781 : +9
158 : #788782 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -6
2 : #7d827f : -4
4 : #7a857f : -2
6 : #78877f : ±0
8 : #758a7f : +2
10 : #738c7f : +4
12 : #708f7e : +6
14 : #6e917e : +8
16 : #6b947e : +10
18 : #69967e : +12
20 : #66997e : +14
22 : #639c7e : +16
24 : #619e7d : +18
26 : #5ea17d : +20
28 : #5ca37d : +22
30 : #59a67d : +24
32 : #57a87d : +26
34 : #54ab7d : +28
36 : #52ad7c : +30
38 : #4fb07c : +32
40 : #4db37c : +34
42 : #4ab57c : +36
44 : #47b87c : +38
46 : #45ba7c : +40
48 : #42bd7b : +42
50 : #40bf7b : +44
52 : #3dc27b : +46
54 : #3bc47b : +48
56 : #38c77b : +50
58 : #36c97b : +52
60 : #33cc7a : +54
62 : #30cf7a : +56
64 : #2ed17a : +58
66 : #2bd47a : +60
68 : #29d67a : +62
70 : #26d97a : +64
72 : #24db79 : +66
74 : #21de79 : +68
76 : #1fe079 : +70
78 : #1ce379 : +72
80 : #1ae679 : +74
82 : #17e879 : +76
84 : #14eb78 : +78
86 : #12ed78 : +80
88 : #0ff078 : +82
90 : #0df278 : +84
92 : #0af578 : +86
94 : #08f778 : +88
96 : #05fa77 : +90
98 : #03fc77 : +92
100 : #00ff77 : +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 : #222624 : -36
16 : #262b29 : -34
18 : #2b312e : -32
20 : #303633 : -30
22 : #353b38 : -28
24 : #3a413d : -26
26 : #3e4642 : -24
28 : #434c47 : -22
30 : #48514c : -20
32 : #4d5651 : -18
34 : #515c56 : -16
36 : #56615b : -14
38 : #5b6761 : -12
40 : #606c66 : -10
42 : #65726b : -8
44 : #697770 : -6
46 : #6e7c75 : -4
48 : #73827a : -2
50 : #78877f : ±0
52 : #7d8c84 : +2
54 : #839189 : +4
56 : #88968e : +6
58 : #8d9a93 : +8
60 : #939f99 : +10
62 : #98a49e : +12
64 : #9ea9a3 : +14
66 : #a3aea8 : +16
68 : #a9b2ad : +18
70 : #aeb7b2 : +20
72 : #b3bcb7 : +22
74 : #b9c1bc : +24
76 : #bec5c2 : +26
78 : #c4cac7 : +28
80 : #c9cfcc : +30
82 : #ced4d1 : +32
84 : #d4d9d6 : +34
86 : #d9dddb : +36
88 : #dfe2e0 : +38
90 : #e4e7e5 : +40
92 : #e9eceb : +42
94 : #eff1f0 : +44
96 : #f4f5f5 : +46
98 : #fafafa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow