#8fab78
RGB ( 赤 = 143, 緑 = 171, 青 = 120 )
HSL ( 色相 = 93°, 彩度 = 23%, 明度 = 57% )
H : 色相 ( 93° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ab7b78 : -90
13 : #ab8378 : -80
23 : #ab8b78 : -70
33 : #ab9478 : -60
43 : #ab9c78 : -50
53 : #aba578 : -40
63 : #a8ab78 : -30
73 : #a0ab78 : -20
83 : #97ab78 : -10
93 : #8fab78 : ±0
103 : #86ab78 : +10
113 : #7eab78 : +20
123 : #78ab7b : +30
133 : #78ab83 : +40
143 : #78ab8b : +50
153 : #78ab94 : +60
163 : #78ab9c : +70
173 : #78aba5 : +80
183 : #78a8ab : +90
193 : #78a0ab : +100
203 : #7897ab : +110
213 : #788fab : +120
223 : #7886ab : +130
233 : #787eab : +140
243 : #7b78ab : +150
253 : #8378ab : +160
263 : #8b78ab : +170
273 : #9478ab : +180
283 : #9c78ab : +190
293 : #a578ab : +200
303 : #ab78a8 : +210
313 : #ab78a0 : +220
323 : #ab7897 : +230
333 : #ab788f : +240
343 : #ab7886 : +250
353 : #ab787e : +260
83 : #97ab78 : -10
84 : #96ab78 : -9
85 : #96ab78 : -8
86 : #95ab78 : -7
87 : #94ab78 : -6
88 : #93ab78 : -5
89 : #92ab78 : -4
90 : #91ab78 : -3
91 : #91ab78 : -2
92 : #90ab78 : -1
93 : #8fab78 : ±0
94 : #8eab78 : +1
95 : #8dab78 : +2
96 : #8cab78 : +3
97 : #8bab78 : +4
98 : #8bab78 : +5
99 : #8aab78 : +6
100 : #89ab78 : +7
101 : #88ab78 : +8
102 : #87ab78 : +9
103 : #86ab78 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #919290 : -22
3 : #91958e : -20
5 : #91978c : -18
7 : #91998a : -16
9 : #909b87 : -14
11 : #909d85 : -12
13 : #90a083 : -10
15 : #90a281 : -8
17 : #8fa47f : -6
19 : #8fa67d : -4
21 : #8fa87a : -2
23 : #8fab78 : ±0
25 : #8fad76 : +2
27 : #8eaf74 : +4
29 : #8eb172 : +6
31 : #8eb36f : +8
33 : #8eb66d : +10
35 : #8eb86b : +12
37 : #8dba69 : +14
39 : #8dbc67 : +16
41 : #8dbe64 : +18
43 : #8dc062 : +20
45 : #8cc360 : +22
47 : #8cc55e : +24
49 : #8cc75c : +26
51 : #8cc959 : +28
53 : #8ccb57 : +30
55 : #8bce55 : +32
57 : #8bd053 : +34
59 : #8bd251 : +36
61 : #8bd44e : +38
63 : #8ad64c : +40
65 : #8ad94a : +42
67 : #8adb48 : +44
69 : #8add46 : +46
71 : #8adf43 : +48
73 : #89e141 : +50
75 : #89e43f : +52
77 : #89e63d : +54
79 : #89e83b : +56
81 : #88ea39 : +58
83 : #88ec36 : +60
85 : #88ef34 : +62
87 : #88f132 : +64
89 : #88f330 : +66
91 : #87f52e : +68
93 : #87f72b : +70
95 : #87fa29 : +72
97 : #87fc27 : +74
99 : #86fe25 : +76
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -56
3 : #070906 : -54
5 : #0c100a : -52
7 : #11160e : -50
9 : #161c12 : -48
11 : #1b2316 : -46
13 : #20291a : -44
15 : #252f1d : -42
17 : #2a3521 : -40
19 : #2f3c25 : -38
21 : #344229 : -36
23 : #39482d : -34
25 : #3e4e31 : -32
27 : #435535 : -30
29 : #485b39 : -28
31 : #4d613d : -26
33 : #526841 : -24
35 : #576e45 : -22
37 : #5c7449 : -20
39 : #617a4d : -18
41 : #668151 : -16
43 : #6b8754 : -14
45 : #708d58 : -12
47 : #75935c : -10
49 : #7a9a60 : -8
51 : #7f9f65 : -6
53 : #84a36c : -4
55 : #8aa772 : -2
57 : #8fab78 : ±0
59 : #94ae7e : +2
61 : #99b285 : +4
63 : #9eb68b : +6
65 : #a4ba91 : +8
67 : #a9be97 : +10
69 : #aec29e : +12
71 : #b3c6a4 : +14
73 : #b9caaa : +16
75 : #beceb1 : +18
77 : #c3d2b7 : +20
79 : #c8d6bd : +22
81 : #cddac3 : +24
83 : #d3deca : +26
85 : #d8e2d0 : +28
87 : #dde5d6 : +30
89 : #e2e9dc : +32
91 : #e8ede3 : +34
93 : #edf1e9 : +36
95 : #f2f5ef : +38
97 : #f7f9f6 : +40
99 : #fcfdfc : +42
CSS入門、作ってます。
text-shadow