#928c91
RGB
| 赤 | 146 |
|---|---|
| 緑 | 140 |
| 青 | 145 |
HSL
| 色相 | 310° |
|---|---|
| 彩度 | 3% |
| 明度 | 56% |
| 輝度 | 56% |
３桁の色
補色
反転色
RGB ( 赤 = 146, 緑 = 140, 青 = 145 )
HSL ( 色相 = 310°, 彩度 = 3%, 明度 = 56% )
H : 色相 ( 310° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #928b8b : -310
10 : #928d8b : -300
20 : #928e8b : -290
30 : #928f8b : -280
40 : #92908b : -270
50 : #92918b : -260
60 : #92928b : -250
70 : #91928b : -240
80 : #90928b : -230
90 : #8f928b : -220
100 : #8e928b : -210
110 : #8d928b : -200
120 : #8b928b : -190
130 : #8b928d : -180
140 : #8b928e : -170
150 : #8b928f : -160
160 : #8b9290 : -150
170 : #8b9291 : -140
180 : #8b9292 : -130
190 : #8b9192 : -120
200 : #8b9092 : -110
210 : #8b8f92 : -100
220 : #8b8e92 : -90
230 : #8b8d92 : -80
240 : #8b8b92 : -70
250 : #8d8b92 : -60
260 : #8e8b92 : -50
270 : #8f8b92 : -40
280 : #908b92 : -30
290 : #918b92 : -20
300 : #928b92 : -10
310 : #928b91 : ±0
320 : #928b90 : +10
330 : #928b8f : +20
340 : #928b8e : +30
350 : #928b8d : +40
300 : #928b92 : -10
301 : #928b92 : -9
302 : #928b92 : -8
303 : #928b92 : -7
304 : #928b92 : -6
305 : #928b92 : -5
306 : #928b91 : -4
307 : #928b91 : -3
308 : #928b91 : -2
309 : #928b91 : -1
310 : #928b91 : ±0
311 : #928b91 : +1
312 : #928b91 : +2
313 : #928b91 : +3
314 : #928b91 : +4
315 : #928b90 : +5
316 : #928b90 : +6
317 : #928b90 : +7
318 : #928b90 : +8
319 : #928b90 : +9
320 : #928b90 : +10
S : 彩度 ( 3% )
(0%) 渋い ～ 鮮やか (100%)
1 : #908e90 : -2
3 : #928b91 : ±0
5 : #948993 : +2
7 : #978794 : +4
9 : #998596 : +6
11 : #9b8297 : +8
13 : #9d8099 : +10
15 : #a07e9a : +12
17 : #a27c9c : +14
19 : #a4799d : +16
21 : #a6779f : +18
23 : #a975a0 : +20
25 : #ab73a2 : +22
27 : #ad71a3 : +24
29 : #af6ea4 : +26
31 : #b26ca6 : +28
33 : #b46aa7 : +30
35 : #b668a9 : +32
37 : #b865aa : +34
39 : #bb63ac : +36
41 : #bd61ad : +38
43 : #bf5faf : +40
45 : #c15cb0 : +42
47 : #c45ab2 : +44
49 : #c658b3 : +46
51 : #c856b5 : +48
53 : #ca53b6 : +50
55 : #cd51b8 : +52
57 : #cf4fb9 : +54
59 : #d14dbb : +56
61 : #d34abc : +58
63 : #d548be : +60
65 : #d846bf : +62
67 : #da44c1 : +64
69 : #dc41c2 : +66
71 : #de3fc4 : +68
73 : #e13dc5 : +70
75 : #e33bc7 : +72
77 : #e538c8 : +74
79 : #e736ca : +76
81 : #ea34cb : +78
83 : #ec32cd : +80
85 : #ee2fce : +82
87 : #f02dd0 : +84
89 : #f32bd1 : +86
91 : #f529d3 : +88
93 : #f726d4 : +90
95 : #f924d6 : +92
97 : #fc22d7 : +94
99 : #fe20d9 : +96
L : 明度 ( 56% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -56
2 : #050505 : -54
4 : #0b0a0a : -52
6 : #100f10 : -50
8 : #151415 : -48
10 : #1a191a : -46
12 : #201e1f : -44
14 : #252324 : -42
16 : #2a282a : -40
18 : #2f2d2f : -38
20 : #353134 : -36
22 : #3a3639 : -34
24 : #3f3b3e : -32
26 : #444044 : -30
28 : #4a4549 : -28
30 : #4f4a4e : -26
32 : #544f53 : -24
34 : #595458 : -22
36 : #5f595e : -20
38 : #645e63 : -18
40 : #696368 : -16
42 : #6e686d : -14
44 : #746d72 : -12
46 : #797278 : -10
48 : #7e777d : -8
50 : #837c82 : -6
52 : #888187 : -4
54 : #8d868c : -2
56 : #928b91 : ±0
58 : #979196 : +2
60 : #9c969b : +4
62 : #a19ba0 : +6
64 : #a6a0a5 : +8
66 : #aba6aa : +10
68 : #b0abaf : +12
70 : #b5b0b4 : +14
72 : #bab5b9 : +16
74 : #bfbbbe : +18
76 : #c4c0c3 : +20
78 : #c9c5c8 : +22
80 : #cecacd : +24
82 : #d2d0d2 : +26
84 : #d7d5d7 : +28
86 : #dcdadc : +30
88 : #e1dfe1 : +32
90 : #e6e5e6 : +34
92 : #ebeaeb : +36
94 : #f0eff0 : +38
96 : #f5f4f5 : +40
98 : #fafafa : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow