#98909d
RGB
赤 | 152 |
---|---|
緑 | 144 |
青 | 157 |
HSL
色相 | 277° |
---|---|
彩度 | 6% |
明度 | 59% |
輝度 | 58% |
3桁の色
補色
反転色
RGB ( 赤 = 152, 緑 = 144, 青 = 157 )
HSL ( 色相 = 277°, 彩度 = 6%, 明度 = 59% )
H : 色相 ( 277° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9d9290 : -270
17 : #9d9490 : -260
27 : #9d9690 : -250
37 : #9d9890 : -240
47 : #9d9a90 : -230
57 : #9d9c90 : -220
67 : #9b9d90 : -210
77 : #999d90 : -200
87 : #979d90 : -190
97 : #959d90 : -180
107 : #939d90 : -170
117 : #919d90 : -160
127 : #909d92 : -150
137 : #909d94 : -140
147 : #909d96 : -130
157 : #909d98 : -120
167 : #909d9a : -110
177 : #909d9c : -100
187 : #909b9d : -90
197 : #90999d : -80
207 : #90979d : -70
217 : #90959d : -60
227 : #90939d : -50
237 : #90919d : -40
247 : #92909d : -30
257 : #94909d : -20
267 : #96909d : -10
277 : #98909d : ±0
287 : #9a909d : +10
297 : #9c909d : +20
307 : #9d909b : +30
317 : #9d9099 : +40
327 : #9d9097 : +50
337 : #9d9095 : +60
347 : #9d9093 : +70
357 : #9d9091 : +80
267 : #96909d : -10
268 : #96909d : -9
269 : #96909d : -8
270 : #96909d : -7
271 : #97909d : -6
272 : #97909d : -5
273 : #97909d : -4
274 : #97909d : -3
275 : #97909d : -2
276 : #98909d : -1
277 : #98909d : ±0
278 : #98909d : +1
279 : #98909d : +2
280 : #99909d : +3
281 : #99909d : +4
282 : #99909d : +5
283 : #99909d : +6
284 : #99909d : +7
285 : #9a909d : +8
286 : #9a909d : +9
287 : #9a909d : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #969696 : -6
2 : #979499 : -4
4 : #97929b : -2
6 : #98909d : ±0
8 : #988e9f : +2
10 : #998ca1 : +4
12 : #998aa3 : +6
14 : #9a88a5 : +8
16 : #9a86a7 : +10
18 : #9b84a9 : +12
20 : #9b82ab : +14
22 : #9c7fad : +16
24 : #9c7db0 : +18
26 : #9d7bb2 : +20
28 : #9d79b4 : +22
30 : #9e77b6 : +24
32 : #9e75b8 : +26
34 : #9f73ba : +28
36 : #9f71bc : +30
38 : #a06fbe : +32
40 : #a06dc0 : +34
42 : #a16bc2 : +36
44 : #a168c4 : +38
46 : #a266c7 : +40
48 : #a264c9 : +42
50 : #a362cb : +44
52 : #a360cd : +46
54 : #a45ecf : +48
56 : #a45cd1 : +50
58 : #a55ad3 : +52
60 : #a558d5 : +54
62 : #a656d7 : +56
64 : #a654d9 : +58
66 : #a751db : +60
68 : #a74fde : +62
70 : #a84de0 : +64
72 : #a84be2 : +66
74 : #a949e4 : +68
76 : #a947e6 : +70
78 : #a945e8 : +72
80 : #aa43ea : +74
82 : #aa41ec : +76
84 : #ab3fee : +78
86 : #ab3df0 : +80
88 : #ac3af2 : +82
90 : #ac38f5 : +84
92 : #ad36f7 : +86
94 : #ad34f9 : +88
96 : #ae32fb : +90
98 : #ae30fd : +92
100 : #af2eff : +94
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -58
3 : #080708 : -56
5 : #0d0c0e : -54
7 : #121113 : -52
9 : #171618 : -50
11 : #1c1a1e : -48
13 : #221f23 : -46
15 : #272429 : -44
17 : #2c292e : -42
19 : #312e33 : -40
21 : #363239 : -38
23 : #3b373e : -36
25 : #413c44 : -34
27 : #464149 : -32
29 : #4b464e : -30
31 : #504a54 : -28
33 : #554f59 : -26
35 : #5a545f : -24
37 : #605964 : -22
39 : #655d69 : -20
41 : #6a626f : -18
43 : #6f6774 : -16
45 : #746c7a : -14
47 : #7a717f : -12
49 : #7f7584 : -10
51 : #847b8a : -8
53 : #89808e : -6
55 : #8e8593 : -4
57 : #938b98 : -2
59 : #98909d : ±0
61 : #9d96a2 : +2
63 : #a29ba6 : +4
65 : #a7a0ab : +6
67 : #aca6b0 : +8
69 : #b1abb5 : +10
71 : #b6b1b9 : +12
73 : #bbb6be : +14
75 : #c0bbc3 : +16
77 : #c5c1c8 : +18
79 : #cac6cd : +20
81 : #cfccd1 : +22
83 : #d4d1d6 : +24
85 : #d9d6db : +26
87 : #dedce0 : +28
89 : #e3e1e5 : +30
91 : #e8e7e9 : +32
93 : #edecee : +34
95 : #f2f1f3 : +36
97 : #f7f7f8 : +38
99 : #fcfcfd : +40
CSS入門、作ってます。
text-shadow