#ecdbd9
RGB
赤 | 236 |
---|---|
緑 | 219 |
青 | 217 |
HSL
色相 | 6° |
---|---|
彩度 | 33% |
明度 | 89% |
輝度 | 88% |
3桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 219, 青 = 217 )
HSL ( 色相 = 6°, 彩度 = 33%, 明度 = 89% )
H : 色相 ( 6° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ecdcda : ±0
16 : #ecdfda : +10
26 : #ece2da : +20
36 : #ece5da : +30
46 : #ece8da : +40
56 : #ecebda : +50
66 : #eaecda : +60
76 : #e7ecda : +70
86 : #e4ecda : +80
96 : #e1ecda : +90
106 : #deecda : +100
116 : #dbecda : +110
126 : #daecdc : +120
136 : #daecdf : +130
146 : #daece2 : +140
156 : #daece5 : +150
166 : #daece8 : +160
176 : #daeceb : +170
186 : #daeaec : +180
196 : #dae7ec : +190
206 : #dae4ec : +200
216 : #dae1ec : +210
226 : #dadeec : +220
236 : #dadbec : +230
246 : #dcdaec : +240
256 : #dfdaec : +250
266 : #e2daec : +260
276 : #e5daec : +270
286 : #e8daec : +280
296 : #ebdaec : +290
306 : #ecdaea : +300
316 : #ecdae7 : +310
326 : #ecdae4 : +320
336 : #ecdae1 : +330
346 : #ecdade : +340
356 : #ecdadb : +350
356 : #ecdadb : +350
357 : #ecdadb : +351
358 : #ecdada : +352
359 : #ecdada : +353
0 : #ecdada : -6
1 : #ecdada : -5
2 : #ecdada : -4
3 : #ecdbda : -3
4 : #ecdbda : -2
5 : #ecdbda : -1
6 : #ecdcda : ±0
7 : #ecdcda : +1
8 : #ecdcda : +2
9 : #ecdcda : +3
10 : #ecddda : +4
11 : #ecddda : +5
12 : #ecddda : +6
13 : #ecdeda : +7
14 : #ecdeda : +8
15 : #ecdeda : +9
16 : #ecdfda : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #e3e3e3 : -32
3 : #e4e2e2 : -30
5 : #e4e2e2 : -28
7 : #e5e1e1 : -26
9 : #e5e1e0 : -24
11 : #e6e0e0 : -22
13 : #e7e0df : -20
15 : #e7e0df : -18
17 : #e8dfde : -16
19 : #e8dfde : -14
21 : #e9dedd : -12
23 : #e9dedc : -10
25 : #eadddc : -8
27 : #ebdddb : -6
29 : #ebdcdb : -4
31 : #ecdcda : -2
33 : #ecdcda : ±0
35 : #eddbd9 : +2
37 : #eddbd9 : +4
39 : #eedad8 : +6
41 : #eedad7 : +8
43 : #efd9d7 : +10
45 : #f0d9d6 : +12
47 : #f0d8d6 : +14
49 : #f1d8d5 : +16
51 : #f1d8d5 : +18
53 : #f2d7d4 : +20
55 : #f2d7d4 : +22
57 : #f3d6d3 : +24
59 : #f3d6d2 : +26
61 : #f4d5d2 : +28
63 : #f5d5d1 : +30
65 : #f5d4d1 : +32
67 : #f6d4d0 : +34
69 : #f6d3d0 : +36
71 : #f7d3cf : +38
73 : #f7d3ce : +40
75 : #f8d2ce : +42
77 : #f9d2cd : +44
79 : #f9d1cd : +46
81 : #fad1cc : +48
83 : #fad0cc : +50
85 : #fbd0cb : +52
87 : #fbcfcb : +54
89 : #fccfca : +56
91 : #fccfc9 : +58
93 : #fdcec9 : +60
95 : #fecec8 : +62
97 : #fecdc8 : +64
99 : #ffcdc7 : +66
L : 明度 ( 89% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -88
3 : #0a0605 : -86
5 : #110909 : -84
7 : #180d0c : -82
9 : #1f110f : -80
11 : #251513 : -78
13 : #2c1816 : -76
15 : #331c1a : -74
17 : #3a201d : -72
19 : #402420 : -70
21 : #472724 : -68
23 : #4e2b27 : -66
25 : #552f2b : -64
27 : #5c332e : -62
29 : #623632 : -60
31 : #693a35 : -58
33 : #703e38 : -56
35 : #77423c : -54
37 : #7d453f : -52
39 : #844943 : -50
41 : #8b4d46 : -48
43 : #925149 : -46
45 : #99544d : -44
47 : #9f5850 : -42
49 : #a65c54 : -40
51 : #ab6159 : -38
53 : #af6860 : -36
55 : #b26e66 : -34
57 : #b6746d : -32
59 : #b97b74 : -30
61 : #bc817b : -28
63 : #c08882 : -26
65 : #c38e88 : -24
67 : #c7958f : -22
69 : #ca9b96 : -20
71 : #cda29d : -18
73 : #d1a8a3 : -16
75 : #d4aeaa : -14
77 : #d8b5b1 : -12
79 : #dbbbb8 : -10
81 : #dfc2bf : -8
83 : #e2c8c5 : -6
85 : #e5cfcc : -4
87 : #e9d5d3 : -2
89 : #ecdcda : ±0
91 : #f0e2e0 : +2
93 : #f3e8e7 : +4
95 : #f6efee : +6
97 : #faf5f5 : +8
99 : #fdfcfc : +10
CSS入門、作ってます。
text-shadow