#e9cdbe
RGB
赤 | 233 |
---|---|
緑 | 205 |
青 | 190 |
HSL
色相 | 21° |
---|---|
彩度 | 49% |
明度 | 83% |
輝度 | 83% |
3桁の色
補色
反転色
RGB ( 赤 = 233, 緑 = 205, 青 = 190 )
HSL ( 色相 = 21°, 彩度 = 49%, 明度 = 83% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #e9bfbe : -20
11 : #e9c6be : -10
21 : #e9cdbe : ±0
31 : #e9d4be : +10
41 : #e9dbbe : +20
51 : #e9e3be : +30
61 : #e8e9be : +40
71 : #e1e9be : +50
81 : #dae9be : +60
91 : #d3e9be : +70
101 : #cce9be : +80
111 : #c5e9be : +90
121 : #bee9bf : +100
131 : #bee9c6 : +110
141 : #bee9cd : +120
151 : #bee9d4 : +130
161 : #bee9db : +140
171 : #bee9e3 : +150
181 : #bee8e9 : +160
191 : #bee1e9 : +170
201 : #bedae9 : +180
211 : #bed3e9 : +190
221 : #becce9 : +200
231 : #bec5e9 : +210
241 : #bfbee9 : +220
251 : #c6bee9 : +230
261 : #cdbee9 : +240
271 : #d4bee9 : +250
281 : #dbbee9 : +260
291 : #e3bee9 : +270
301 : #e9bee8 : +280
311 : #e9bee1 : +290
321 : #e9beda : +300
331 : #e9bed3 : +310
341 : #e9becc : +320
351 : #e9bec5 : +330
11 : #e9c6be : -10
12 : #e9c7be : -9
13 : #e9c8be : -8
14 : #e9c8be : -7
15 : #e9c9be : -6
16 : #e9cabe : -5
17 : #e9cabe : -4
18 : #e9cbbe : -3
19 : #e9ccbe : -2
20 : #e9cdbe : -1
21 : #e9cdbe : ±0
22 : #e9cebe : +1
23 : #e9cfbe : +2
24 : #e9cfbe : +3
25 : #e9d0be : +4
26 : #e9d1be : +5
27 : #e9d2be : +6
28 : #e9d2be : +7
29 : #e9d3be : +8
30 : #e9d4be : +9
31 : #e9d4be : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d4d4d3 : -48
3 : #d5d3d2 : -46
5 : #d6d3d1 : -44
7 : #d7d3d1 : -42
9 : #d8d2d0 : -40
11 : #d8d2cf : -38
13 : #d9d2ce : -36
15 : #dad2cd : -34
17 : #dbd1cc : -32
19 : #dcd1cb : -30
21 : #ddd1cb : -28
23 : #ded1ca : -26
25 : #ded0c9 : -24
27 : #dfd0c8 : -22
29 : #e0d0c7 : -20
31 : #e1d0c6 : -18
33 : #e2cfc5 : -16
35 : #e3cfc4 : -14
37 : #e4cfc4 : -12
39 : #e5cfc3 : -10
41 : #e5cec2 : -8
43 : #e6cec1 : -6
45 : #e7cec0 : -4
47 : #e8cebf : -2
49 : #e9cdbe : ±0
51 : #eacdbe : +2
53 : #ebcdbd : +4
55 : #ebccbc : +6
57 : #ecccbb : +8
59 : #edccba : +10
61 : #eeccb9 : +12
63 : #efcbb8 : +14
65 : #f0cbb7 : +16
67 : #f1cbb7 : +18
69 : #f2cbb6 : +20
71 : #f2cab5 : +22
73 : #f3cab4 : +24
75 : #f4cab3 : +26
77 : #f5cab2 : +28
79 : #f6c9b1 : +30
81 : #f7c9b1 : +32
83 : #f8c9b0 : +34
85 : #f8c9af : +36
87 : #f9c8ae : +38
89 : #fac8ad : +40
91 : #fbc8ac : +42
93 : #fcc8ab : +44
95 : #fdc7aa : +46
97 : #fec7aa : +48
99 : #ffc7a9 : +50
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -82
3 : #0b0704 : -80
5 : #130b07 : -78
7 : #1b0f09 : -76
9 : #22140c : -74
11 : #2a180e : -72
13 : #311c11 : -70
15 : #392114 : -68
17 : #412516 : -66
19 : #482919 : -64
21 : #502e1b : -62
23 : #57321e : -60
25 : #5f3621 : -58
27 : #673b23 : -56
29 : #6e3f26 : -54
31 : #764328 : -52
33 : #7d482b : -50
35 : #854c2e : -48
37 : #8d5030 : -46
39 : #945533 : -44
41 : #9c5935 : -42
43 : #a35e38 : -40
45 : #ab623b : -38
47 : #b3663d : -36
49 : #ba6b40 : -34
51 : #bf7045 : -32
53 : #c2764c : -30
55 : #c47b54 : -28
57 : #c7815c : -26
59 : #ca8763 : -24
61 : #cc8d6b : -22
63 : #cf9372 : -20
65 : #d1997a : -18
67 : #d49e82 : -16
69 : #d7a489 : -14
71 : #d9aa91 : -12
73 : #dcb098 : -10
75 : #deb6a0 : -8
77 : #e1bca8 : -6
79 : #e4c2af : -4
81 : #e6c7b7 : -2
83 : #e9cdbe : ±0
85 : #ebd3c6 : +2
87 : #eed9ce : +4
89 : #f1dfd5 : +6
91 : #f3e5dd : +8
93 : #f6ebe4 : +10
95 : #f8f0ec : +12
97 : #fbf6f4 : +14
99 : #fefcfb : +16
CSS入門、作ってます。
text-shadow