#ece1fe
RGB
赤 | 236 |
---|---|
緑 | 225 |
青 | 254 |
HSL
色相 | 263° |
---|---|
彩度 | 94% |
明度 | 94% |
輝度 | 91% |
3桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 225, 青 = 254 )
HSL ( 色相 = 263°, 彩度 = 94%, 明度 = 94% )
H : 色相 ( 263° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #fee3e1 : -260
13 : #fee8e1 : -250
23 : #feece1 : -240
33 : #fef1e1 : -230
43 : #fef6e1 : -220
53 : #fefbe1 : -210
63 : #fdfee1 : -200
73 : #f8fee1 : -190
83 : #f3fee1 : -180
93 : #eefee1 : -170
103 : #e9fee1 : -160
113 : #e5fee1 : -150
123 : #e1fee3 : -140
133 : #e1fee8 : -130
143 : #e1feec : -120
153 : #e1fef1 : -110
163 : #e1fef6 : -100
173 : #e1fefb : -90
183 : #e1fdfe : -80
193 : #e1f8fe : -70
203 : #e1f3fe : -60
213 : #e1eefe : -50
223 : #e1e9fe : -40
233 : #e1e5fe : -30
243 : #e3e1fe : -20
253 : #e8e1fe : -10
263 : #ece1fe : ±0
273 : #f1e1fe : +10
283 : #f6e1fe : +20
293 : #fbe1fe : +30
303 : #fee1fd : +40
313 : #fee1f8 : +50
323 : #fee1f3 : +60
333 : #fee1ee : +70
343 : #fee1e9 : +80
353 : #fee1e5 : +90
253 : #e8e1fe : -10
254 : #e8e1fe : -9
255 : #e9e1fe : -8
256 : #e9e1fe : -7
257 : #e9e1fe : -6
258 : #eae1fe : -5
259 : #eae1fe : -4
260 : #ebe1fe : -3
261 : #ebe1fe : -2
262 : #ece1fe : -1
263 : #ece1fe : ±0
264 : #ede1fe : +1
265 : #ede1fe : +2
266 : #eee1fe : +3
267 : #eee1fe : +4
268 : #efe1fe : +5
269 : #efe1fe : +6
270 : #f0e1fe : +7
271 : #f0e1fe : +8
272 : #f1e1fe : +9
273 : #f1e1fe : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #efefef : -94
2 : #f0eff0 : -92
4 : #f0eff0 : -90
6 : #efeff1 : -88
8 : #efeef1 : -86
10 : #efeef1 : -84
12 : #efeef2 : -82
14 : #efeef2 : -80
16 : #efedf2 : -78
18 : #efedf2 : -76
20 : #efedf3 : -74
22 : #efecf3 : -72
24 : #efecf3 : -70
26 : #efecf4 : -68
28 : #efebf4 : -66
30 : #efebf4 : -64
32 : #efebf5 : -62
34 : #eeeaf5 : -60
36 : #eeeaf5 : -58
38 : #eeeaf6 : -56
40 : #eeeaf6 : -54
42 : #eee9f6 : -52
44 : #eee9f6 : -50
46 : #eee9f7 : -48
48 : #eee8f7 : -46
50 : #eee8f7 : -44
52 : #eee8f8 : -42
54 : #eee7f8 : -40
56 : #eee7f8 : -38
58 : #eee7f9 : -36
60 : #eee7f9 : -34
62 : #ede6f9 : -32
64 : #ede6f9 : -30
66 : #ede6fa : -28
68 : #ede5fa : -26
70 : #ede5fa : -24
72 : #ede5fb : -22
74 : #ede4fb : -20
76 : #ede4fb : -18
78 : #ede4fc : -16
80 : #ede3fc : -14
82 : #ede3fc : -12
84 : #ede3fd : -10
86 : #ede3fd : -8
88 : #ede2fd : -6
90 : #ece2fd : -4
92 : #ece2fe : -2
94 : #ece1fe : ±0
96 : #ece1fe : +2
98 : #ece1ff : +4
100 : #ece0ff : +6
L : 明度 ( 94% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -94
2 : #04000a : -92
4 : #080114 : -90
6 : #0c011e : -88
8 : #100128 : -86
10 : #140231 : -84
12 : #18023b : -82
14 : #1c0245 : -80
16 : #20024f : -78
18 : #240359 : -76
20 : #280363 : -74
22 : #2c036d : -72
24 : #300477 : -70
26 : #340481 : -68
28 : #38048b : -66
30 : #3c0594 : -64
32 : #40059e : -62
34 : #4405a8 : -60
36 : #4806b2 : -58
38 : #4c06bc : -56
40 : #5006c6 : -54
42 : #5406d0 : -52
44 : #5807da : -50
46 : #5c07e4 : -48
48 : #6007ed : -46
50 : #6408f7 : -44
52 : #6a12f8 : -42
54 : #701bf8 : -40
56 : #7625f8 : -38
58 : #7c2ff9 : -36
60 : #8339f9 : -34
62 : #8943f9 : -32
64 : #8f4df9 : -30
66 : #9557fa : -28
68 : #9c61fa : -26
70 : #a26bfa : -24
72 : #a874fb : -22
74 : #ae7efb : -20
76 : #b488fb : -18
78 : #bb92fc : -16
80 : #c19cfc : -14
82 : #c7a6fc : -12
84 : #cdb0fd : -10
86 : #d3bafd : -8
88 : #dac4fd : -6
90 : #e0cefd : -4
92 : #e6d7fe : -2
94 : #ece1fe : ±0
96 : #f3ebfe : +2
98 : #f9f5ff : +4
100 : #ffffff : +6
CSS入門、作ってます。
text-shadow