#ebcdfe
RGB
赤 | 235 |
---|---|
緑 | 205 |
青 | 254 |
HSL
色相 | 277° |
---|---|
彩度 | 96% |
明度 | 90% |
輝度 | 86% |
3桁の色
補色
反転色
RGB ( 赤 = 235, 緑 = 205, 青 = 254 )
HSL ( 色相 = 277°, 彩度 = 96%, 明度 = 90% )
H : 色相 ( 277° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #fed3cd : -270
17 : #fedbcd : -260
27 : #fee3cd : -250
37 : #feebcd : -240
47 : #fef3cd : -230
57 : #fefccd : -220
67 : #f8fecd : -210
77 : #f0fecd : -200
87 : #e8fecd : -190
97 : #e0fecd : -180
107 : #d8fecd : -170
117 : #cffecd : -160
127 : #cdfed3 : -150
137 : #cdfedb : -140
147 : #cdfee3 : -130
157 : #cdfeeb : -120
167 : #cdfef3 : -110
177 : #cdfefc : -100
187 : #cdf8fe : -90
197 : #cdf0fe : -80
207 : #cde8fe : -70
217 : #cde0fe : -60
227 : #cdd8fe : -50
237 : #cdcffe : -40
247 : #d3cdfe : -30
257 : #dbcdfe : -20
267 : #e3cdfe : -10
277 : #ebcdfe : ±0
287 : #f3cdfe : +10
297 : #fccdfe : +20
307 : #fecdf8 : +30
317 : #fecdf0 : +40
327 : #fecde8 : +50
337 : #fecde0 : +60
347 : #fecdd8 : +70
357 : #fecdcf : +80
267 : #e3cdfe : -10
268 : #e4cdfe : -9
269 : #e5cdfe : -8
270 : #e6cdfe : -7
271 : #e6cdfe : -6
272 : #e7cdfe : -5
273 : #e8cdfe : -4
274 : #e9cdfe : -3
275 : #eacdfe : -2
276 : #eacdfe : -1
277 : #ebcdfe : ±0
278 : #eccdfe : +1
279 : #edcdfe : +2
280 : #eecdfe : +3
281 : #eecdfe : +4
282 : #efcdfe : +5
283 : #f0cdfe : +6
284 : #f1cdfe : +7
285 : #f2cdfe : +8
286 : #f3cdfe : +9
287 : #f3cdfe : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #e5e5e5 : -96
2 : #e6e5e6 : -94
4 : #e6e4e7 : -92
6 : #e6e4e7 : -90
8 : #e6e3e8 : -88
10 : #e6e3e8 : -86
12 : #e6e2e9 : -84
14 : #e6e2e9 : -82
16 : #e6e1ea : -80
18 : #e7e1ea : -78
20 : #e7e0eb : -76
22 : #e7e0eb : -74
24 : #e7dfec : -72
26 : #e7dfec : -70
28 : #e7deed : -68
30 : #e7deed : -66
32 : #e7ddee : -64
34 : #e8ddee : -62
36 : #e8dcef : -60
38 : #e8dcef : -58
40 : #e8dbf0 : -56
42 : #e8dbf0 : -54
44 : #e8daf1 : -52
46 : #e8daf1 : -50
48 : #e8d9f2 : -48
50 : #e8d9f2 : -46
52 : #e9d8f3 : -44
54 : #e9d8f3 : -42
56 : #e9d7f4 : -40
58 : #e9d7f4 : -38
60 : #e9d6f5 : -36
62 : #e9d6f5 : -34
64 : #e9d5f6 : -32
66 : #e9d5f6 : -30
68 : #ead4f7 : -28
70 : #ead4f7 : -26
72 : #ead3f8 : -24
74 : #ead3f8 : -22
76 : #ead2f9 : -20
78 : #ead2f9 : -18
80 : #ead1fa : -16
82 : #ead1fa : -14
84 : #ead0fb : -12
86 : #ebd0fb : -10
88 : #ebcffc : -8
90 : #ebcffc : -6
92 : #ebcefd : -4
94 : #ebcefd : -2
96 : #ebcdfe : ±0
98 : #ebcdfe : +2
100 : #ebccff : +4
L : 明度 ( 90% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -90
2 : #06000a : -88
4 : #0c0014 : -86
6 : #13011e : -84
8 : #190128 : -82
10 : #1f0132 : -80
12 : #25013c : -78
14 : #2c0146 : -76
16 : #320250 : -74
18 : #38025a : -72
20 : #3e0264 : -70
22 : #45026e : -68
24 : #4b0278 : -66
26 : #510382 : -64
28 : #57038c : -62
30 : #5e0396 : -60
32 : #6403a0 : -58
34 : #6a03aa : -56
36 : #7004b4 : -54
38 : #7704be : -52
40 : #7d04c8 : -50
42 : #8304d2 : -48
44 : #8904dc : -46
46 : #9005e6 : -44
48 : #9605f0 : -42
50 : #9c05fa : -40
52 : #a00ffa : -38
54 : #a419fa : -36
56 : #a823fb : -34
58 : #ac2dfb : -32
60 : #b037fb : -30
62 : #b441fb : -28
64 : #b84bfb : -26
66 : #bc55fc : -24
68 : #c05ffc : -22
70 : #c469fc : -20
72 : #c873fc : -18
74 : #cc7dfc : -16
76 : #d087fd : -14
78 : #d391fd : -12
80 : #d79bfd : -10
82 : #dba5fd : -8
84 : #dfaffd : -6
86 : #e3b9fe : -4
88 : #e7c3fe : -2
90 : #ebcdfe : ±0
92 : #efd7fe : +2
94 : #f3e1fe : +4
96 : #f7ebff : +6
98 : #fbf5ff : +8
100 : #ffffff : +10
CSS入門、作ってます。
text-shadow