#928599
RGB
赤 | 146 |
---|---|
緑 | 133 |
青 | 153 |
HSL
色相 | 279° |
---|---|
彩度 | 9% |
明度 | 56% |
輝度 | 55% |
3桁の色
補色
反転色
RGB ( 赤 = 146, 緑 = 133, 青 = 153 )
HSL ( 色相 = 279°, 彩度 = 9%, 明度 = 56% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #998885 : -270
19 : #998b85 : -260
29 : #998e85 : -250
39 : #999285 : -240
49 : #999585 : -230
59 : #999985 : -220
69 : #969985 : -210
79 : #939985 : -200
89 : #8f9985 : -190
99 : #8c9985 : -180
109 : #889985 : -170
119 : #859985 : -160
129 : #859988 : -150
139 : #85998b : -140
149 : #85998e : -130
159 : #859992 : -120
169 : #859995 : -110
179 : #859999 : -100
189 : #859699 : -90
199 : #859399 : -80
209 : #858f99 : -70
219 : #858c99 : -60
229 : #858899 : -50
239 : #858599 : -40
249 : #888599 : -30
259 : #8b8599 : -20
269 : #8e8599 : -10
279 : #928599 : ±0
289 : #958599 : +10
299 : #998599 : +20
309 : #998596 : +30
319 : #998593 : +40
329 : #99858f : +50
339 : #99858c : +60
349 : #998588 : +70
359 : #998585 : +80
269 : #8e8599 : -10
270 : #8f8599 : -9
271 : #8f8599 : -8
272 : #8f8599 : -7
273 : #908599 : -6
274 : #908599 : -5
275 : #908599 : -4
276 : #918599 : -3
277 : #918599 : -2
278 : #918599 : -1
279 : #928599 : ±0
280 : #928599 : +1
281 : #938599 : +2
282 : #938599 : +3
283 : #938599 : +4
284 : #948599 : +5
285 : #948599 : +6
286 : #948599 : +7
287 : #958599 : +8
288 : #958599 : +9
289 : #958599 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8f8e90 : -8
3 : #908b92 : -6
5 : #908994 : -4
7 : #918797 : -2
9 : #928599 : ±0
11 : #93829b : +2
13 : #93809d : +4
15 : #947ea0 : +6
17 : #957ca2 : +8
19 : #9579a4 : +10
21 : #9677a6 : +12
23 : #9775a9 : +14
25 : #9773ab : +16
27 : #9871ad : +18
29 : #996eaf : +20
31 : #996cb2 : +22
33 : #9a6ab4 : +24
35 : #9b68b6 : +26
37 : #9b65b8 : +28
39 : #9c63bb : +30
41 : #9d61bd : +32
43 : #9d5fbf : +34
45 : #9e5cc1 : +36
47 : #9f5ac4 : +38
49 : #9f58c6 : +40
51 : #a056c8 : +42
53 : #a153ca : +44
55 : #a151cd : +46
57 : #a24fcf : +48
59 : #a34dd1 : +50
61 : #a34ad3 : +52
63 : #a448d5 : +54
65 : #a546d8 : +56
67 : #a544da : +58
69 : #a641dc : +60
71 : #a73fde : +62
73 : #a73de1 : +64
75 : #a83be3 : +66
77 : #a938e5 : +68
79 : #a936e7 : +70
81 : #aa34ea : +72
83 : #ab32ec : +74
85 : #ab2fee : +76
87 : #ac2df0 : +78
89 : #ad2bf3 : +80
91 : #ad29f5 : +82
93 : #ae26f7 : +84
95 : #af24f9 : +86
97 : #af22fc : +88
99 : #b020fe : +90
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #050506 : -54
4 : #0a090b : -52
6 : #100e11 : -50
8 : #151316 : -48
10 : #1a171c : -46
12 : #1f1c21 : -44
14 : #252027 : -42
16 : #2a252c : -40
18 : #2f2a32 : -38
20 : #342e38 : -36
22 : #3a333d : -34
24 : #3f3843 : -32
26 : #443c48 : -30
28 : #49414e : -28
30 : #4f4653 : -26
32 : #544a59 : -24
34 : #594f5f : -22
36 : #5e5464 : -20
38 : #64586a : -18
40 : #695d6f : -16
42 : #6e6175 : -14
44 : #73667a : -12
46 : #786b80 : -10
48 : #7e6f85 : -8
50 : #83748b : -6
52 : #887a90 : -4
54 : #8d7f94 : -2
56 : #928599 : ±0
58 : #978a9e : +2
60 : #9c90a2 : +4
62 : #a195a7 : +6
64 : #a69bab : +8
66 : #aba0b0 : +10
68 : #b0a6b5 : +12
70 : #b5acb9 : +14
72 : #bab1be : +16
74 : #beb7c3 : +18
76 : #c3bcc7 : +20
78 : #c8c2cc : +22
80 : #cdc7d1 : +24
82 : #d2cdd5 : +26
84 : #d7d3da : +28
86 : #dcd8df : +30
88 : #e1dee3 : +32
90 : #e6e3e8 : +34
92 : #ebe9ec : +36
94 : #f0eef1 : +38
96 : #f5f4f6 : +40
98 : #faf9fa : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow