#98939f
RGB
赤 | 152 |
---|---|
緑 | 147 |
青 | 159 |
HSL
色相 | 265° |
---|---|
彩度 | 6% |
明度 | 60% |
輝度 | 59% |
3桁の色
補色
反転色
RGB ( 赤 = 152, 緑 = 147, 青 = 159 )
HSL ( 色相 = 265°, 彩度 = 6%, 明度 = 60% )
H : 色相 ( 265° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #9f9493 : -260
15 : #9f9693 : -250
25 : #9f9893 : -240
35 : #9f9a93 : -230
45 : #9f9c93 : -220
55 : #9f9e93 : -210
65 : #9e9f93 : -200
75 : #9c9f93 : -190
85 : #9a9f93 : -180
95 : #989f93 : -170
105 : #969f93 : -160
115 : #949f93 : -150
125 : #939f94 : -140
135 : #939f96 : -130
145 : #939f98 : -120
155 : #939f9a : -110
165 : #939f9c : -100
175 : #939f9e : -90
185 : #939e9f : -80
195 : #939c9f : -70
205 : #939a9f : -60
215 : #93989f : -50
225 : #93969f : -40
235 : #93949f : -30
245 : #94939f : -20
255 : #96939f : -10
265 : #98939f : ±0
275 : #9a939f : +10
285 : #9c939f : +20
295 : #9e939f : +30
305 : #9f939e : +40
315 : #9f939c : +50
325 : #9f939a : +60
335 : #9f9398 : +70
345 : #9f9396 : +80
355 : #9f9394 : +90
255 : #96939f : -10
256 : #96939f : -9
257 : #96939f : -8
258 : #97939f : -7
259 : #97939f : -6
260 : #97939f : -5
261 : #97939f : -4
262 : #97939f : -3
263 : #98939f : -2
264 : #98939f : -1
265 : #98939f : ±0
266 : #98939f : +1
267 : #98939f : +2
268 : #99939f : +3
269 : #99939f : +4
270 : #99939f : +5
271 : #99939f : +6
272 : #99939f : +7
273 : #9a939f : +8
274 : #9a939f : +9
275 : #9a939f : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -6
2 : #99979b : -4
4 : #98959d : -2
6 : #98939f : ±0
8 : #9891a1 : +2
10 : #978fa3 : +4
12 : #978da5 : +6
14 : #978ba7 : +8
16 : #9689a9 : +10
18 : #9687ab : +12
20 : #9685ad : +14
22 : #9583af : +16
24 : #9581b1 : +18
26 : #957eb4 : +20
28 : #947cb6 : +22
30 : #947ab8 : +24
32 : #9478ba : +26
34 : #9376bc : +28
36 : #9374be : +30
38 : #9372c0 : +32
40 : #9270c2 : +34
42 : #926ec4 : +36
44 : #926cc6 : +38
46 : #916ac8 : +40
48 : #9168ca : +42
50 : #9166cc : +44
52 : #9064ce : +46
54 : #9062d0 : +48
56 : #8f60d2 : +50
58 : #8f5ed4 : +52
60 : #8f5cd6 : +54
62 : #8e5ad8 : +56
64 : #8e58da : +58
66 : #8e56dc : +60
68 : #8d54de : +62
70 : #8d52e0 : +64
72 : #8d50e2 : +66
74 : #8c4ee4 : +68
76 : #8c4be7 : +70
78 : #8c49e9 : +72
80 : #8b47eb : +74
82 : #8b45ed : +76
84 : #8b43ef : +78
86 : #8a41f1 : +80
88 : #8a3ff3 : +82
90 : #8a3df5 : +84
92 : #893bf7 : +86
94 : #8939f9 : +88
96 : #8937fb : +90
98 : #8835fd : +92
100 : #8833ff : +94
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #050505 : -58
4 : #0a0a0b : -56
6 : #0f0e10 : -54
8 : #141316 : -52
10 : #19181b : -50
12 : #1e1d20 : -48
14 : #232226 : -46
16 : #28262b : -44
18 : #2d2b31 : -42
20 : #323036 : -40
22 : #38353b : -38
24 : #3d3a41 : -36
26 : #423e46 : -34
28 : #47434c : -32
30 : #4c4851 : -30
32 : #514d56 : -28
34 : #56515c : -26
36 : #5b5661 : -24
38 : #605b67 : -22
40 : #65606c : -20
42 : #6a6572 : -18
44 : #6f6977 : -16
46 : #746e7c : -14
48 : #797382 : -12
50 : #7e7887 : -10
52 : #837d8c : -8
54 : #898391 : -6
56 : #8e8896 : -4
58 : #938d9a : -2
60 : #98939f : ±0
62 : #9d98a4 : +2
64 : #a29ea9 : +4
66 : #a7a3ae : +6
68 : #ada9b2 : +8
70 : #b2aeb7 : +10
72 : #b7b3bc : +12
74 : #bcb9c1 : +14
76 : #c1bec5 : +16
78 : #c6c4ca : +18
80 : #cbc9cf : +20
82 : #d1ced4 : +22
84 : #d6d4d9 : +24
86 : #dbd9dd : +26
88 : #e0dfe2 : +28
90 : #e5e4e7 : +30
92 : #eae9ec : +32
94 : #f0eff1 : +34
96 : #f5f4f5 : +36
98 : #fafafa : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow