#868c8d
RGB
赤 | 134 |
---|---|
緑 | 140 |
青 | 141 |
HSL
色相 | 189° |
---|---|
彩度 | 3% |
明度 | 54% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 134, 緑 = 140, 青 = 141 )
HSL ( 色相 = 189°, 彩度 = 3%, 明度 = 54% )
H : 色相 ( 189° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #8d8786 : -180
19 : #8d8886 : -170
29 : #8d8a86 : -160
39 : #8d8b86 : -150
49 : #8d8c86 : -140
59 : #8d8d86 : -130
69 : #8c8d86 : -120
79 : #8b8d86 : -110
89 : #8a8d86 : -100
99 : #898d86 : -90
109 : #878d86 : -80
119 : #868d86 : -70
129 : #868d87 : -60
139 : #868d88 : -50
149 : #868d8a : -40
159 : #868d8b : -30
169 : #868d8c : -20
179 : #868d8d : -10
189 : #868c8d : ±0
199 : #868b8d : +10
209 : #868a8d : +20
219 : #86898d : +30
229 : #86878d : +40
239 : #86868d : +50
249 : #87868d : +60
259 : #88868d : +70
269 : #8a868d : +80
279 : #8b868d : +90
289 : #8c868d : +100
299 : #8d868d : +110
309 : #8d868c : +120
319 : #8d868b : +130
329 : #8d868a : +140
339 : #8d8689 : +150
349 : #8d8687 : +160
359 : #8d8686 : +170
179 : #868d8d : -10
180 : #868d8d : -9
181 : #868d8d : -8
182 : #868d8d : -7
183 : #868d8d : -6
184 : #868d8d : -5
185 : #868d8d : -4
186 : #868d8d : -3
187 : #868c8d : -2
188 : #868c8d : -1
189 : #868c8d : ±0
190 : #868c8d : +1
191 : #868c8d : +2
192 : #868c8d : +3
193 : #868c8d : +4
194 : #868c8d : +5
195 : #868b8d : +6
196 : #868b8d : +7
197 : #868b8d : +8
198 : #868b8d : +9
199 : #868b8d : +10
S : 彩度 ( 3% )
(0%) 渋い ~ 鮮やか (100%)
1 : #898b8b : -2
3 : #868c8d : ±0
5 : #848e90 : +2
7 : #818f92 : +4
9 : #7f9194 : +6
11 : #7d9397 : +8
13 : #7a9499 : +10
15 : #78969b : +12
17 : #76989e : +14
19 : #7399a0 : +16
21 : #719ba2 : +18
23 : #6f9da5 : +20
25 : #6c9ea7 : +22
27 : #6aa0a9 : +24
29 : #68a2ac : +26
31 : #65a3ae : +28
33 : #63a5b0 : +30
35 : #61a6b3 : +32
37 : #5ea8b5 : +34
39 : #5caab7 : +36
41 : #5aabba : +38
43 : #57adbc : +40
45 : #55afbe : +42
47 : #53b0c1 : +44
49 : #50b2c3 : +46
51 : #4eb4c6 : +48
53 : #4cb5c8 : +50
55 : #49b7ca : +52
57 : #47b9cd : +54
59 : #44bacf : +56
61 : #42bcd1 : +58
63 : #40bdd4 : +60
65 : #3dbfd6 : +62
67 : #3bc1d8 : +64
69 : #39c2db : +66
71 : #36c4dd : +68
73 : #34c6df : +70
75 : #32c7e2 : +72
77 : #2fc9e4 : +74
79 : #2dcbe6 : +76
81 : #2bcce9 : +78
83 : #28ceeb : +80
85 : #26cfed : +82
87 : #24d1f0 : +84
89 : #21d3f2 : +86
91 : #1fd4f4 : +88
93 : #1dd6f7 : +90
95 : #1ad8f9 : +92
97 : #18d9fb : +94
99 : #16dbfe : +96
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #050505 : -52
4 : #0a0a0b : -50
6 : #0f1010 : -48
8 : #141515 : -46
10 : #191a1a : -44
12 : #1e1f20 : -42
14 : #232425 : -40
16 : #282a2a : -38
18 : #2d2f2f : -36
20 : #313435 : -34
22 : #36393a : -32
24 : #3b3e3f : -30
26 : #404444 : -28
28 : #45494a : -26
30 : #4a4e4f : -24
32 : #4f5354 : -22
34 : #545959 : -20
36 : #595e5f : -18
38 : #5e6364 : -16
40 : #636869 : -14
42 : #686d6e : -12
44 : #6d7374 : -10
46 : #727879 : -8
48 : #777d7e : -6
50 : #7c8283 : -4
52 : #818788 : -2
54 : #868c8d : ±0
56 : #8b9192 : +2
58 : #919697 : +4
60 : #969b9c : +6
62 : #9ba0a1 : +8
64 : #a0a5a6 : +10
66 : #a6aaab : +12
68 : #abafb0 : +14
70 : #b0b4b5 : +16
72 : #b5b9ba : +18
74 : #bbbebf : +20
76 : #c0c3c4 : +22
78 : #c5c8c9 : +24
80 : #cacdce : +26
82 : #d0d2d2 : +28
84 : #d5d7d7 : +30
86 : #dadcdc : +32
88 : #dfe1e1 : +34
90 : #e5e6e6 : +36
92 : #eaebeb : +38
94 : #eff0f0 : +40
96 : #f4f5f5 : +42
98 : #fafafa : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow