如何獲得盒子陰影的預期顏色？

Question

我有一個網站的psd圖像，並且我想在圖像中顯示的圖像陰影上獲得相同的顏色代碼。

例如： 背景顏色爲：#e6e6e6 而裏面的內容是白色的。

我想獲得寬度爲2px的陰影。 從右邊第一像素具有色碼：#e3e3e3

第二像素具有的顏色代碼：#f1f1f1

與透明度和其他設置需要一定的時間，以便進行實驗有沒有什麼辦法來鍵入這些顏色讓excpected結果/顏色？

Answer 1

如果我理解的很好，你可以繪製2個沒有模糊的陰影：來自2種顏色的2 px陰影。

div, 
 
p { 
 
    box-shadow: 0 0 0 1px #e3e3e3, 0 0 0 2px #f1f1f1; 
 
    Background: #e6e6e6; 
 
    color: white; 
 
    padding: 1em; 
 
    margin: 1em; 
 
    text-shadow: 0 0 1px gray 
 
} 
 
p { 
 
    box-shadow: 1px 1px #e3e3e3, 2px 2px #f1f1f1; 
 
} 
 
/*awfull body bg for demo*/ 
 

 
body { 
 
    background: linear-gradient(45deg, purple, turquoise, tomato);

<div> 
 
    box 
 
</div> 
 
<p> 
 
    or did you mean this ? 
 
</p>