#e2d3cf
RGB
赤 | 226 |
---|---|
緑 | 211 |
青 | 207 |
HSL
色相 | 13° |
---|---|
彩度 | 25% |
明度 | 85% |
輝度 | 84% |
3桁の色
補色
反転色
RGB ( 赤 = 226, 緑 = 211, 青 = 207 )
HSL ( 色相 = 13°, 彩度 = 25%, 明度 = 85% )
H : 色相 ( 13° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #e2d0cf : -10
13 : #e2d3cf : ±0
23 : #e2d7cf : +10
33 : #e2dacf : +20
43 : #e2ddcf : +30
53 : #e2e0cf : +40
63 : #e1e2cf : +50
73 : #dee2cf : +60
83 : #dbe2cf : +70
93 : #d8e2cf : +80
103 : #d5e2cf : +90
113 : #d1e2cf : +100
123 : #cfe2d0 : +110
133 : #cfe2d3 : +120
143 : #cfe2d7 : +130
153 : #cfe2da : +140
163 : #cfe2dd : +150
173 : #cfe2e0 : +160
183 : #cfe1e2 : +170
193 : #cfdee2 : +180
203 : #cfdbe2 : +190
213 : #cfd8e2 : +200
223 : #cfd5e2 : +210
233 : #cfd1e2 : +220
243 : #d0cfe2 : +230
253 : #d3cfe2 : +240
263 : #d7cfe2 : +250
273 : #dacfe2 : +260
283 : #ddcfe2 : +270
293 : #e0cfe2 : +280
303 : #e2cfe1 : +290
313 : #e2cfde : +300
323 : #e2cfdb : +310
333 : #e2cfd8 : +320
343 : #e2cfd5 : +330
353 : #e2cfd1 : +340
3 : #e2d0cf : -10
4 : #e2d0cf : -9
5 : #e2d1cf : -8
6 : #e2d1cf : -7
7 : #e2d1cf : -6
8 : #e2d2cf : -5
9 : #e2d2cf : -4
10 : #e2d2cf : -3
11 : #e2d3cf : -2
12 : #e2d3cf : -1
13 : #e2d3cf : ±0
14 : #e2d4cf : +1
15 : #e2d4cf : +2
16 : #e2d4cf : +3
17 : #e2d5cf : +4
18 : #e2d5cf : +5
19 : #e2d5cf : +6
20 : #e2d6cf : +7
21 : #e2d6cf : +8
22 : #e2d6cf : +9
23 : #e2d7cf : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d9d9d8 : -24
3 : #dad8d8 : -22
5 : #dbd8d7 : -20
7 : #dbd7d6 : -18
9 : #dcd7d5 : -16
11 : #ddd6d5 : -14
13 : #ded6d4 : -12
15 : #ded5d3 : -10
17 : #dfd5d2 : -8
19 : #e0d5d1 : -6
21 : #e1d4d1 : -4
23 : #e2d4d0 : -2
25 : #e2d3cf : ±0
27 : #e3d3ce : +2
29 : #e4d2ce : +4
31 : #e5d2cd : +6
33 : #e5d2cc : +8
35 : #e6d1cb : +10
37 : #e7d1cb : +12
39 : #e8d0ca : +14
41 : #e8d0c9 : +16
43 : #e9cfc8 : +18
45 : #eacfc8 : +20
47 : #ebcfc7 : +22
49 : #ebcec6 : +24
51 : #eccec5 : +26
53 : #edcdc4 : +28
55 : #eecdc4 : +30
57 : #efccc3 : +32
59 : #efccc2 : +34
61 : #f0ccc1 : +36
63 : #f1cbc1 : +38
65 : #f2cbc0 : +40
67 : #f2cabf : +42
69 : #f3cabe : +44
71 : #f4c9be : +46
73 : #f5c9bd : +48
75 : #f5c8bc : +50
77 : #f6c8bb : +52
79 : #f7c8bb : +54
81 : #f8c7ba : +56
83 : #f8c7b9 : +58
85 : #f9c6b8 : +60
87 : #fac6b7 : +62
89 : #fbc5b7 : +64
91 : #fcc5b6 : +66
93 : #fcc5b5 : +68
95 : #fdc4b4 : +70
97 : #fec4b4 : +72
99 : #ffc3b3 : +74
L : 明度 ( 85% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -84
3 : #0a0706 : -82
5 : #100b0a : -80
7 : #160f0d : -78
9 : #1d1411 : -76
11 : #231815 : -74
13 : #291c19 : -72
15 : #30211d : -70
17 : #362521 : -68
19 : #3d2a24 : -66
21 : #432e28 : -64
23 : #49322c : -62
25 : #503730 : -60
27 : #563b34 : -58
29 : #5c3f37 : -56
31 : #63443b : -54
33 : #69483f : -52
35 : #704d43 : -50
37 : #765147 : -48
39 : #7c554b : -46
41 : #835a4e : -44
43 : #895e52 : -42
45 : #8f6256 : -40
47 : #96675a : -38
49 : #9c6b5e : -36
51 : #a17063 : -34
53 : #a57669 : -32
55 : #a97c70 : -30
57 : #ad8276 : -28
59 : #b1887c : -26
61 : #b48d83 : -24
63 : #b89389 : -22
65 : #bc998f : -20
67 : #c09f96 : -18
69 : #c4a59c : -16
71 : #c8aba3 : -14
73 : #cbb0a9 : -12
75 : #cfb6af : -10
77 : #d3bcb6 : -8
79 : #d7c2bc : -6
81 : #dbc8c2 : -4
83 : #decec9 : -2
85 : #e2d3cf : ±0
87 : #e6d9d6 : +2
89 : #eadfdc : +4
91 : #eee5e2 : +6
93 : #f2ebe9 : +8
95 : #f5f0ef : +10
97 : #f9f6f5 : +12
99 : #fdfcfc : +14
CSS入門、作ってます。
text-shadow