#90a0cb
RGB
赤 | 144 |
---|---|
緑 | 160 |
青 | 203 |
HSL
色相 | 224° |
---|---|
彩度 | 36% |
明度 | 68% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 144, 緑 = 160, 青 = 203 )
HSL ( 色相 = 224°, 彩度 = 36%, 明度 = 68% )
H : 色相 ( 224° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #cb9490 : -220
14 : #cb9e90 : -210
24 : #cba890 : -200
34 : #cbb190 : -190
44 : #cbbb90 : -180
54 : #cbc590 : -170
64 : #c7cb90 : -160
74 : #bdcb90 : -150
84 : #b3cb90 : -140
94 : #a9cb90 : -130
104 : #a0cb90 : -120
114 : #96cb90 : -110
124 : #90cb94 : -100
134 : #90cb9e : -90
144 : #90cba8 : -80
154 : #90cbb1 : -70
164 : #90cbbb : -60
174 : #90cbc5 : -50
184 : #90c7cb : -40
194 : #90bdcb : -30
204 : #90b3cb : -20
214 : #90a9cb : -10
224 : #90a0cb : ±0
234 : #9096cb : +10
244 : #9490cb : +20
254 : #9e90cb : +30
264 : #a890cb : +40
274 : #b190cb : +50
284 : #bb90cb : +60
294 : #c590cb : +70
304 : #cb90c7 : +80
314 : #cb90bd : +90
324 : #cb90b3 : +100
334 : #cb90a9 : +110
344 : #cb90a0 : +120
354 : #cb9096 : +130
214 : #90a9cb : -10
215 : #90a9cb : -9
216 : #90a8cb : -8
217 : #90a7cb : -7
218 : #90a6cb : -6
219 : #90a5cb : -5
220 : #90a4cb : -4
221 : #90a3cb : -3
222 : #90a2cb : -2
223 : #90a1cb : -1
224 : #90a0cb : ±0
225 : #909fcb : +1
226 : #909ecb : +2
227 : #909dcb : +3
228 : #909ccb : +4
229 : #909bcb : +5
230 : #909acb : +6
231 : #9099cb : +7
232 : #9098cb : +8
233 : #9097cb : +9
234 : #9096cb : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #adadad : -36
2 : #acadaf : -34
4 : #aaacb1 : -32
6 : #a9abb2 : -30
8 : #a7aab4 : -28
10 : #a5aab6 : -26
12 : #a4a9b7 : -24
14 : #a2a8b9 : -22
16 : #a0a7ba : -20
18 : #9fa7bc : -18
20 : #9da6be : -16
22 : #9ba5bf : -14
24 : #9aa4c1 : -12
26 : #98a3c3 : -10
28 : #97a3c4 : -8
30 : #95a2c6 : -6
32 : #93a1c8 : -4
34 : #92a0c9 : -2
36 : #90a0cb : ±0
38 : #8e9fcc : +2
40 : #8d9ece : +4
42 : #8b9dd0 : +6
44 : #899dd1 : +8
46 : #889cd3 : +10
48 : #869bd5 : +12
50 : #859ad6 : +14
52 : #839ad8 : +16
54 : #8199d9 : +18
56 : #8098db : +20
58 : #7e97dd : +22
60 : #7c97de : +24
62 : #7b96e0 : +26
64 : #7995e2 : +28
66 : #7894e3 : +30
68 : #7694e5 : +32
70 : #7493e7 : +34
72 : #7392e8 : +36
74 : #7191ea : +38
76 : #6f90eb : +40
78 : #6e90ed : +42
80 : #6c8fef : +44
82 : #6a8ef0 : +46
84 : #698df2 : +48
86 : #678df4 : +50
88 : #668cf5 : +52
90 : #648bf7 : +54
92 : #628af8 : +56
94 : #618afa : +58
96 : #5f89fc : +60
98 : #5d88fd : +62
100 : #5c87ff : +64
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #030407 : -66
4 : #07080e : -64
6 : #0a0d15 : -62
8 : #0d111c : -60
10 : #101523 : -58
12 : #14192a : -56
14 : #171e31 : -54
16 : #1a2237 : -52
18 : #1d263e : -50
20 : #212a45 : -48
22 : #242f4c : -46
24 : #273353 : -44
26 : #2a375a : -42
28 : #2e3b61 : -40
30 : #314068 : -38
32 : #34446f : -36
34 : #374876 : -34
36 : #3b4c7d : -32
38 : #3e5184 : -30
40 : #41558b : -28
42 : #455992 : -26
44 : #485d99 : -24
46 : #4b62a0 : -22
48 : #4e66a6 : -20
50 : #526aad : -18
52 : #5970b1 : -16
54 : #5f76b4 : -14
56 : #667cb7 : -12
58 : #6d82ba : -10
60 : #7488be : -8
62 : #7b8ec1 : -6
64 : #8294c4 : -4
66 : #899ac8 : -2
68 : #90a0cb : ±0
70 : #97a6ce : +2
72 : #9eacd1 : +4
74 : #a5b2d5 : +6
76 : #acb8d8 : +8
78 : #b3bddb : +10
80 : #bac3de : +12
82 : #c1c9e2 : +14
84 : #c8cfe5 : +16
86 : #ced5e8 : +18
88 : #d5dbeb : +20
90 : #dce1ef : +22
92 : #e3e7f2 : +24
94 : #eaedf5 : +26
96 : #f1f3f8 : +28
98 : #f8f9fc : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow