#8b9688
RGB ( 赤 = 139, 緑 = 150, 青 = 136 )
HSL ( 色相 = 107°, 彩度 = 6%, 明度 = 56% )
H : 色相 ( 107° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #968a88 : -100
17 : #968c88 : -90
27 : #968e88 : -80
37 : #969088 : -70
47 : #969388 : -60
57 : #969588 : -50
67 : #949688 : -40
77 : #929688 : -30
87 : #8f9688 : -20
97 : #8d9688 : -10
107 : #8b9688 : ±0
117 : #899688 : +10
127 : #88968a : +20
137 : #88968c : +30
147 : #88968e : +40
157 : #889690 : +50
167 : #889693 : +60
177 : #889695 : +70
187 : #889496 : +80
197 : #889296 : +90
207 : #888f96 : +100
217 : #888d96 : +110
227 : #888b96 : +120
237 : #888996 : +130
247 : #8a8896 : +140
257 : #8c8896 : +150
267 : #8e8896 : +160
277 : #908896 : +170
287 : #938896 : +180
297 : #958896 : +190
307 : #968894 : +200
317 : #968892 : +210
327 : #96888f : +220
337 : #96888d : +230
347 : #96888b : +240
357 : #968889 : +250
97 : #8d9688 : -10
98 : #8d9688 : -9
99 : #8d9688 : -8
100 : #8d9688 : -7
101 : #8c9688 : -6
102 : #8c9688 : -5
103 : #8c9688 : -4
104 : #8c9688 : -3
105 : #8b9688 : -2
106 : #8b9688 : -1
107 : #8b9688 : ±0
108 : #8b9688 : +1
109 : #8b9688 : +2
110 : #8a9688 : +3
111 : #8a9688 : +4
112 : #8a9688 : +5
113 : #8a9688 : +6
114 : #899688 : +7
115 : #899688 : +8
116 : #899688 : +9
117 : #899688 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -6
2 : #8e918d : -4
4 : #8c938a : -2
6 : #8b9688 : ±0
8 : #8a9886 : +2
10 : #889a84 : +4
12 : #879c81 : +6
14 : #869f7f : +8
16 : #85a17d : +10
18 : #83a37b : +12
20 : #82a578 : +14
22 : #81a776 : +16
24 : #80aa74 : +18
26 : #7eac72 : +20
28 : #7dae6f : +22
30 : #7cb06d : +24
32 : #7ab36b : +26
34 : #79b569 : +28
36 : #78b766 : +30
38 : #77b964 : +32
40 : #75bc62 : +34
42 : #74be60 : +36
44 : #73c05d : +38
46 : #72c25b : +40
48 : #70c559 : +42
50 : #6fc757 : +44
52 : #6ec954 : +46
54 : #6ccb52 : +48
56 : #6bce50 : +50
58 : #6ad04e : +52
60 : #69d24b : +54
62 : #67d449 : +56
64 : #66d747 : +58
66 : #65d945 : +60
68 : #64db43 : +62
70 : #62dd40 : +64
72 : #61e03e : +66
74 : #60e23c : +68
76 : #5ee43a : +70
78 : #5de637 : +72
80 : #5ce935 : +74
82 : #5beb33 : +76
84 : #59ed31 : +78
86 : #58ef2e : +80
88 : #57f22c : +82
90 : #56f42a : +84
92 : #54f628 : +86
94 : #53f825 : +88
96 : #52fb23 : +90
98 : #50fd21 : +92
100 : #4fff1f : +94
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #050505 : -54
4 : #0a0b0a : -52
6 : #0f100e : -50
8 : #141613 : -48
10 : #191b18 : -46
12 : #1e201d : -44
14 : #222622 : -42
16 : #272b26 : -40
18 : #2c312b : -38
20 : #313630 : -36
22 : #363b35 : -34
24 : #3b413a : -32
26 : #40463e : -30
28 : #454c43 : -28
30 : #4a5148 : -26
32 : #4f564d : -24
34 : #545c51 : -22
36 : #596156 : -20
38 : #5e675b : -18
40 : #636c60 : -16
42 : #677265 : -14
44 : #6c7769 : -12
46 : #717c6e : -10
48 : #768273 : -8
50 : #7b8778 : -6
52 : #808c7d : -4
54 : #869183 : -2
56 : #8b9688 : ±0
58 : #909a8d : +2
60 : #969f93 : +4
62 : #9ba498 : +6
64 : #a0a99e : +8
66 : #a5aea3 : +10
68 : #abb2a9 : +12
70 : #b0b7ae : +14
72 : #b5bcb3 : +16
74 : #bac1b9 : +18
76 : #c0c5be : +20
78 : #c5cac4 : +22
80 : #cacfc9 : +24
82 : #d0d4ce : +26
84 : #d5d9d4 : +28
86 : #daddd9 : +30
88 : #dfe2df : +32
90 : #e5e7e4 : +34
92 : #eaece9 : +36
94 : #eff1ef : +38
96 : #f4f5f4 : +40
98 : #fafafa : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow