#dad7e5
RGB
赤 | 218 |
---|---|
緑 | 215 |
青 | 229 |
HSL
色相 | 253° |
---|---|
彩度 | 21% |
明度 | 87% |
輝度 | 85% |
3桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 215, 青 = 229 )
HSL ( 色相 = 253°, 彩度 = 21%, 明度 = 87% )
H : 色相 ( 253° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #e5d8d7 : -250
13 : #e5dad7 : -240
23 : #e5dcd7 : -230
33 : #e5dfd7 : -220
43 : #e5e1d7 : -210
53 : #e5e3d7 : -200
63 : #e4e5d7 : -190
73 : #e2e5d7 : -180
83 : #dfe5d7 : -170
93 : #dde5d7 : -160
103 : #dbe5d7 : -150
113 : #d9e5d7 : -140
123 : #d7e5d8 : -130
133 : #d7e5da : -120
143 : #d7e5dc : -110
153 : #d7e5df : -100
163 : #d7e5e1 : -90
173 : #d7e5e3 : -80
183 : #d7e4e5 : -70
193 : #d7e2e5 : -60
203 : #d7dfe5 : -50
213 : #d7dde5 : -40
223 : #d7dbe5 : -30
233 : #d7d9e5 : -20
243 : #d8d7e5 : -10
253 : #dad7e5 : ±0
263 : #dcd7e5 : +10
273 : #dfd7e5 : +20
283 : #e1d7e5 : +30
293 : #e3d7e5 : +40
303 : #e5d7e4 : +50
313 : #e5d7e2 : +60
323 : #e5d7df : +70
333 : #e5d7dd : +80
343 : #e5d7db : +90
353 : #e5d7d9 : +100
243 : #d8d7e5 : -10
244 : #d8d7e5 : -9
245 : #d8d7e5 : -8
246 : #d8d7e5 : -7
247 : #d9d7e5 : -6
248 : #d9d7e5 : -5
249 : #d9d7e5 : -4
250 : #d9d7e5 : -3
251 : #d9d7e5 : -2
252 : #dad7e5 : -1
253 : #dad7e5 : ±0
254 : #dad7e5 : +1
255 : #dad7e5 : +2
256 : #dbd7e5 : +3
257 : #dbd7e5 : +4
258 : #dbd7e5 : +5
259 : #dbd7e5 : +6
260 : #dcd7e5 : +7
261 : #dcd7e5 : +8
262 : #dcd7e5 : +9
263 : #dcd7e5 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #dedede : -20
3 : #dddddf : -18
5 : #dddce0 : -16
7 : #dddce0 : -14
9 : #dcdbe1 : -12
11 : #dcdae1 : -10
13 : #dbdae2 : -8
15 : #dbd9e3 : -6
17 : #dbd8e3 : -4
19 : #dad8e4 : -2
21 : #dad7e5 : ±0
23 : #dad6e5 : +2
25 : #d9d6e6 : +4
27 : #d9d5e7 : +6
29 : #d8d4e7 : +8
31 : #d8d4e8 : +10
33 : #d8d3e9 : +12
35 : #d7d2e9 : +14
37 : #d7d2ea : +16
39 : #d7d1eb : +18
41 : #d6d0eb : +20
43 : #d6d0ec : +22
45 : #d5cfed : +24
47 : #d5ceed : +26
49 : #d5ceee : +28
51 : #d4cdef : +30
53 : #d4ccef : +32
55 : #d4ccf0 : +34
57 : #d3cbf1 : +36
59 : #d3caf1 : +38
61 : #d2caf2 : +40
63 : #d2c9f3 : +42
65 : #d2c8f3 : +44
67 : #d1c8f4 : +46
69 : #d1c7f5 : +48
71 : #d1c6f5 : +50
73 : #d0c6f6 : +52
75 : #d0c5f7 : +54
77 : #cfc4f7 : +56
79 : #cfc4f8 : +58
81 : #cfc3f9 : +60
83 : #cec2f9 : +62
85 : #cec2fa : +64
87 : #cec1fb : +66
89 : #cdc0fb : +68
91 : #cdc0fc : +70
93 : #ccbffd : +72
95 : #ccbefd : +74
97 : #ccbefe : +76
99 : #cbbdff : +78
L : 明度 ( 87% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -86
3 : #070609 : -84
5 : #0b0a0f : -82
7 : #100e16 : -80
9 : #14121c : -78
11 : #191622 : -76
13 : #1d1a28 : -74
15 : #221e2e : -72
17 : #262234 : -70
19 : #2b263b : -68
21 : #2f2a41 : -66
23 : #342e47 : -64
25 : #38324d : -62
27 : #3d3653 : -60
29 : #413a59 : -58
31 : #463e60 : -56
33 : #4a4266 : -54
35 : #4f476c : -52
37 : #534b72 : -50
39 : #584f78 : -48
41 : #5c537f : -46
43 : #615785 : -44
45 : #655b8b : -42
47 : #6a5f91 : -40
49 : #6e6397 : -38
51 : #73689c : -36
53 : #796ea0 : -34
55 : #7f74a4 : -32
57 : #847aa8 : -30
59 : #8a80ac : -28
61 : #9087b0 : -26
63 : #958db4 : -24
65 : #9b93b8 : -22
67 : #a199bd : -20
69 : #a79fc1 : -18
71 : #aca6c5 : -16
73 : #b2acc9 : -14
75 : #b8b2cd : -12
77 : #bdb8d1 : -10
79 : #c3bed5 : -8
81 : #c9c4d9 : -6
83 : #cecbdd : -4
85 : #d4d1e1 : -2
87 : #dad7e5 : ±0
89 : #e0dde9 : +2
91 : #e5e3ed : +4
93 : #ebe9f1 : +6
95 : #f1f0f5 : +8
97 : #f6f6f9 : +10
99 : #fcfcfd : +12
CSS入門、作ってます。
text-shadow