#e3dbeb
RGB
赤 | 227 |
---|---|
緑 | 219 |
青 | 235 |
HSL
色相 | 270° |
---|---|
彩度 | 29% |
明度 | 89% |
輝度 | 88% |
3桁の色
補色
反転色
RGB ( 赤 = 227, 緑 = 219, 青 = 235 )
HSL ( 色相 = 270°, 彩度 = 29%, 明度 = 89% )
H : 色相 ( 270° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ebdbdb : -270
10 : #ebdedb : -260
20 : #ebe0db : -250
30 : #ebe3db : -240
40 : #ebe6db : -230
50 : #ebe8db : -220
60 : #ebebdb : -210
70 : #e8ebdb : -200
80 : #e6ebdb : -190
90 : #e3ebdb : -180
100 : #e0ebdb : -170
110 : #deebdb : -160
120 : #dbebdb : -150
130 : #dbebde : -140
140 : #dbebe0 : -130
150 : #dbebe3 : -120
160 : #dbebe6 : -110
170 : #dbebe8 : -100
180 : #dbebeb : -90
190 : #dbe8eb : -80
200 : #dbe6eb : -70
210 : #dbe3eb : -60
220 : #dbe0eb : -50
230 : #dbdeeb : -40
240 : #dbdbeb : -30
250 : #dedbeb : -20
260 : #e0dbeb : -10
270 : #e3dbeb : ±0
280 : #e6dbeb : +10
290 : #e8dbeb : +20
300 : #ebdbeb : +30
310 : #ebdbe8 : +40
320 : #ebdbe6 : +50
330 : #ebdbe3 : +60
340 : #ebdbe0 : +70
350 : #ebdbde : +80
260 : #e0dbeb : -10
261 : #e1dbeb : -9
262 : #e1dbeb : -8
263 : #e1dbeb : -7
264 : #e1dbeb : -6
265 : #e2dbeb : -5
266 : #e2dbeb : -4
267 : #e2dbeb : -3
268 : #e2dbeb : -2
269 : #e3dbeb : -1
270 : #e3dbeb : ±0
271 : #e3dbeb : +1
272 : #e3dbeb : +2
273 : #e4dbeb : +3
274 : #e4dbeb : +4
275 : #e4dbeb : +5
276 : #e5dbeb : +6
277 : #e5dbeb : +7
278 : #e5dbeb : +8
279 : #e5dbeb : +9
280 : #e6dbeb : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #e3e3e3 : -28
3 : #e3e2e4 : -26
5 : #e3e2e4 : -24
7 : #e3e1e5 : -22
9 : #e3e0e5 : -20
11 : #e3e0e6 : -18
13 : #e3dfe7 : -16
15 : #e3dfe7 : -14
17 : #e3dee8 : -12
19 : #e3dee8 : -10
21 : #e3dde9 : -8
23 : #e3dce9 : -6
25 : #e3dcea : -4
27 : #e3dbeb : -2
29 : #e3dbeb : ±0
31 : #e3daec : +2
33 : #e3daec : +4
35 : #e3d9ed : +6
37 : #e3d9ed : +8
39 : #e3d8ee : +10
41 : #e3d7ee : +12
43 : #e3d7ef : +14
45 : #e3d6f0 : +16
47 : #e3d6f0 : +18
49 : #e3d5f1 : +20
51 : #e3d5f1 : +22
53 : #e3d4f2 : +24
55 : #e3d4f2 : +26
57 : #e3d3f3 : +28
59 : #e3d2f3 : +30
61 : #e3d2f4 : +32
63 : #e3d1f5 : +34
65 : #e3d1f5 : +36
67 : #e3d0f6 : +38
69 : #e3d0f6 : +40
71 : #e3cff7 : +42
73 : #e3cef7 : +44
75 : #e3cef8 : +46
77 : #e3cdf9 : +48
79 : #e3cdf9 : +50
81 : #e3ccfa : +52
83 : #e3ccfa : +54
85 : #e3cbfb : +56
87 : #e3cbfb : +58
89 : #e3cafc : +60
91 : #e3c9fc : +62
93 : #e3c9fd : +64
95 : #e3c8fe : +66
97 : #e3c8fe : +68
99 : #e3c7ff : +70
L : 明度 ( 89% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -88
3 : #08050a : -86
5 : #0d0910 : -84
7 : #120d17 : -82
9 : #17101e : -80
11 : #1c1424 : -78
13 : #21182b : -76
15 : #261b31 : -74
17 : #2b1f38 : -72
19 : #30223f : -70
21 : #362645 : -68
23 : #3b2a4c : -66
25 : #402d52 : -64
27 : #453159 : -62
29 : #4a355f : -60
31 : #4f3866 : -58
33 : #543c6d : -56
35 : #593f73 : -54
37 : #5e437a : -52
39 : #634780 : -50
41 : #694a87 : -48
43 : #6e4e8d : -46
45 : #735194 : -44
47 : #78559b : -42
49 : #7d59a1 : -40
51 : #825ea6 : -38
53 : #8764aa : -36
55 : #8c6bae : -34
57 : #9172b1 : -32
59 : #9678b5 : -30
61 : #9c7fb8 : -28
63 : #a185bc : -26
65 : #a68cc0 : -24
67 : #ab92c3 : -22
69 : #b099c7 : -20
71 : #b5a0ca : -18
73 : #baa6ce : -16
75 : #bfadd2 : -14
77 : #c4b3d5 : -12
79 : #c9bad9 : -10
81 : #cfc0dd : -8
83 : #d4c7e0 : -6
85 : #d9cee4 : -4
87 : #ded4e7 : -2
89 : #e3dbeb : ±0
91 : #e8e1ef : +2
93 : #ede8f2 : +4
95 : #f2eff6 : +6
97 : #f7f5fa : +8
99 : #fcfcfd : +10
CSS入門、作ってます。
text-shadow