#e4ddde
RGB
| 赤 | 228 |
|---|---|
| 緑 | 221 |
| 青 | 222 |
HSL
| 色相 | 351° |
|---|---|
| 彩度 | 11% |
| 明度 | 88% |
| 輝度 | 88% |
３桁の色
補色
反転色
RGB ( 赤 = 228, 緑 = 221, 青 = 222 )
HSL ( 色相 = 351°, 彩度 = 11%, 明度 = 88% )
H : 色相 ( 351° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #e4dddd : -350
11 : #e4dedd : -340
21 : #e4dfdd : -330
31 : #e4e1dd : -320
41 : #e4e2dd : -310
51 : #e4e3dd : -300
61 : #e4e4dd : -290
71 : #e3e4dd : -280
81 : #e1e4dd : -270
91 : #e0e4dd : -260
101 : #dfe4dd : -250
111 : #dee4dd : -240
121 : #dde4dd : -230
131 : #dde4de : -220
141 : #dde4df : -210
151 : #dde4e1 : -200
161 : #dde4e2 : -190
171 : #dde4e3 : -180
181 : #dde4e4 : -170
191 : #dde3e4 : -160
201 : #dde1e4 : -150
211 : #dde0e4 : -140
221 : #dddfe4 : -130
231 : #dddee4 : -120
241 : #dddde4 : -110
251 : #dedde4 : -100
261 : #dfdde4 : -90
271 : #e1dde4 : -80
281 : #e2dde4 : -70
291 : #e3dde4 : -60
301 : #e4dde4 : -50
311 : #e4dde3 : -40
321 : #e4dde1 : -30
331 : #e4dde0 : -20
341 : #e4dddf : -10
351 : #e4ddde : ±0
341 : #e4dddf : -10
342 : #e4dddf : -9
343 : #e4dddf : -8
344 : #e4dddf : -7
345 : #e4dddf : -6
346 : #e4dddf : -5
347 : #e4ddde : -4
348 : #e4ddde : -3
349 : #e4ddde : -2
350 : #e4ddde : -1
351 : #e4ddde : ±0
352 : #e4ddde : +1
353 : #e4ddde : +2
354 : #e4ddde : +3
355 : #e4ddde : +4
356 : #e4dddd : +5
357 : #e4dddd : +6
358 : #e4dddd : +7
359 : #e4dddd : +8
0 : #e4dddd : -351
1 : #e4dddd : -350
S : 彩度 ( 11% )
(0%) 渋い ～ 鮮やか (100%)
1 : #e1e0e0 : -10
3 : #e1dfe0 : -8
5 : #e2dfdf : -6
7 : #e3dedf : -4
9 : #e3dede : -2
11 : #e4ddde : ±0
13 : #e4dcde : +2
15 : #e5dcdd : +4
17 : #e6dbdd : +6
19 : #e6dbdc : +8
21 : #e7dadc : +10
23 : #e7d9db : +12
25 : #e8d9db : +14
27 : #e9d8db : +16
29 : #e9d8da : +18
31 : #ead7da : +20
33 : #ead6d9 : +22
35 : #ebd6d9 : +24
37 : #ecd5d8 : +26
39 : #ecd4d8 : +28
41 : #edd4d8 : +30
43 : #eed3d7 : +32
45 : #eed3d7 : +34
47 : #efd2d6 : +36
49 : #efd1d6 : +38
51 : #f0d1d5 : +40
53 : #f1d0d5 : +42
55 : #f1d0d5 : +44
57 : #f2cfd4 : +46
59 : #f2ced4 : +48
61 : #f3ced3 : +50
63 : #f4cdd3 : +52
65 : #f4cdd2 : +54
67 : #f5ccd2 : +56
69 : #f6cbd2 : +58
71 : #f6cbd1 : +60
73 : #f7cad1 : +62
75 : #f7c9d0 : +64
77 : #f8c9d0 : +66
79 : #f9c8cf : +68
81 : #f9c8cf : +70
83 : #fac7cf : +72
85 : #fac6ce : +74
87 : #fbc6ce : +76
89 : #fcc5cd : +78
91 : #fcc5cd : +80
93 : #fdc4cc : +82
95 : #fdc3cc : +84
97 : #fec3cc : +86
99 : #ffc2cb : +88
L : 明度 ( 88% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -88
2 : #060505 : -86
4 : #0b0909 : -84
6 : #110e0e : -82
8 : #171213 : -80
10 : #1c1718 : -78
12 : #221b1c : -76
14 : #282021 : -74
16 : #2d2426 : -72
18 : #33292a : -70
20 : #392d2f : -68
22 : #3e3234 : -66
24 : #443638 : -64
26 : #4a3b3d : -62
28 : #4f4042 : -60
30 : #554447 : -58
32 : #5b494b : -56
34 : #604d50 : -54
36 : #665255 : -52
38 : #6c5659 : -50
40 : #715b5e : -48
42 : #775f63 : -46
44 : #7d6468 : -44
46 : #82686c : -42
48 : #886d71 : -40
50 : #8e7176 : -38
52 : #92777b : -36
54 : #977d81 : -34
56 : #9b8286 : -32
58 : #a0888c : -30
60 : #a48e91 : -28
62 : #a99397 : -26
64 : #ad999c : -24
66 : #b29fa2 : -22
68 : #b6a4a7 : -20
70 : #bbaaad : -18
72 : #bfb0b2 : -16
74 : #c4b5b8 : -14
76 : #c9bbbd : -12
78 : #cdc1c3 : -10
80 : #d2c6c8 : -8
82 : #d6ccce : -6
84 : #dbd2d3 : -4
86 : #dfd7d9 : -2
88 : #e4ddde : ±0
90 : #e8e3e4 : +2
92 : #ede8e9 : +4
94 : #f1eeef : +6
96 : #f6f4f4 : +8
98 : #faf9fa : +10
100 : #ffffff : +12
CSS入門、作ってます。
text-shadow