#aeb0cb
RGB
赤 | 174 |
---|---|
緑 | 176 |
青 | 203 |
HSL
色相 | 236° |
---|---|
彩度 | 22% |
明度 | 74% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 174, 緑 = 176, 青 = 203 )
HSL ( 色相 = 236°, 彩度 = 22%, 明度 = 74% )
H : 色相 ( 236° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #cbb1ae : -230
16 : #cbb6ae : -220
26 : #cbbbae : -210
36 : #cbc0ae : -200
46 : #cbc4ae : -190
56 : #cbc9ae : -180
66 : #c8cbae : -170
76 : #c4cbae : -160
86 : #bfcbae : -150
96 : #bacbae : -140
106 : #b5cbae : -130
116 : #b0cbae : -120
126 : #aecbb1 : -110
136 : #aecbb6 : -100
146 : #aecbbb : -90
156 : #aecbc0 : -80
166 : #aecbc4 : -70
176 : #aecbc9 : -60
186 : #aec8cb : -50
196 : #aec4cb : -40
206 : #aebfcb : -30
216 : #aebacb : -20
226 : #aeb5cb : -10
236 : #aeb0cb : ±0
246 : #b1aecb : +10
256 : #b6aecb : +20
266 : #bbaecb : +30
276 : #c0aecb : +40
286 : #c4aecb : +50
296 : #c9aecb : +60
306 : #cbaec8 : +70
316 : #cbaec4 : +80
326 : #cbaebf : +90
336 : #cbaeba : +100
346 : #cbaeb5 : +110
356 : #cbaeb0 : +120
226 : #aeb5cb : -10
227 : #aeb4cb : -9
228 : #aeb4cb : -8
229 : #aeb3cb : -7
230 : #aeb3cb : -6
231 : #aeb2cb : -5
232 : #aeb2cb : -4
233 : #aeb2cb : -3
234 : #aeb1cb : -2
235 : #aeb1cb : -1
236 : #aeb0cb : ±0
237 : #aeb0cb : +1
238 : #aeafcb : +2
239 : #aeafcb : +3
240 : #aeaecb : +4
241 : #afaecb : +5
242 : #afaecb : +6
243 : #b0aecb : +7
244 : #b0aecb : +8
245 : #b1aecb : +9
246 : #b1aecb : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bcbcbc : -22
2 : #bbbcbe : -20
4 : #bababf : -18
6 : #b9b9c1 : -16
8 : #b7b8c2 : -14
10 : #b6b7c3 : -12
12 : #b5b6c5 : -10
14 : #b3b5c6 : -8
16 : #b2b4c7 : -6
18 : #b1b2c9 : -4
20 : #afb1ca : -2
22 : #aeb0cb : ±0
24 : #adafcd : +2
26 : #abaece : +4
28 : #aaadcf : +6
30 : #a9abd1 : +8
32 : #a7aad2 : +10
34 : #a6a9d3 : +12
36 : #a5a8d5 : +14
38 : #a4a7d6 : +16
40 : #a2a6d7 : +18
42 : #a1a5d9 : +20
44 : #a0a3da : +22
46 : #9ea2db : +24
48 : #9da1dd : +26
50 : #9ca0de : +28
52 : #9a9fdf : +30
54 : #999ee1 : +32
56 : #989de2 : +34
58 : #969be3 : +36
60 : #959ae4 : +38
62 : #9499e6 : +40
64 : #9298e7 : +42
66 : #9197e8 : +44
68 : #9096ea : +46
70 : #8e94eb : +48
72 : #8d93ec : +50
74 : #8c92ee : +52
76 : #8a91ef : +54
78 : #8990f0 : +56
80 : #888ff2 : +58
82 : #868ef3 : +60
84 : #858cf4 : +62
86 : #848bf6 : +64
88 : #828af7 : +66
90 : #8189f8 : +68
92 : #8088fa : +70
94 : #7e87fb : +72
96 : #7d86fc : +74
98 : #7c84fe : +76
100 : #7a83ff : +78
L : 明度 ( 74% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -74
2 : #040406 : -72
4 : #08080c : -70
6 : #0c0c13 : -68
8 : #101119 : -66
10 : #14151f : -64
12 : #181925 : -62
14 : #1c1d2c : -60
16 : #202132 : -58
18 : #242538 : -56
20 : #28293e : -54
22 : #2c2d44 : -52
24 : #30324b : -50
26 : #343651 : -48
28 : #383a57 : -46
30 : #3c3e5d : -44
32 : #404264 : -42
34 : #44466a : -40
36 : #484a70 : -38
38 : #4c4e76 : -36
40 : #50537c : -34
42 : #545783 : -32
44 : #585b89 : -30
46 : #5b5f8f : -28
48 : #5f6395 : -26
50 : #63679c : -24
52 : #6a6da0 : -22
54 : #7073a4 : -20
56 : #7679a7 : -18
58 : #7c7fab : -16
60 : #8386af : -14
62 : #898cb3 : -12
64 : #8f92b7 : -10
66 : #9598bb : -8
68 : #9b9ebf : -6
70 : #a2a4c3 : -4
72 : #a8aac7 : -2
74 : #aeb0cb : ±0
76 : #b4b6cf : +2
78 : #bbbcd3 : +4
80 : #c1c2d7 : +6
82 : #c7c8db : +8
84 : #cdcedf : +10
86 : #d3d4e3 : +12
88 : #dadbe7 : +14
90 : #e0e1eb : +16
92 : #e6e7ef : +18
94 : #ecedf3 : +20
96 : #f3f3f7 : +22
98 : #f9f9fb : +24
100 : #ffffff : +26
CSS入門、作ってます。
text-shadow