css - ボックスの影の予想される色を取得するにはどうすればよいですか?

Question

Web サイトの psd 画像があり、画像に表示されているボックスの影と同じカラー コードを取得したいと考えています。

例: 背景色:#e6e6e6 そして、中身は白です。

幅2pxでインサイトのボックスシャドウを取得したい。右から 1 番目のピクセルにはカラー コードがあります。#e3e3e3

2 番目のピクセルのカラー コードは次のとおりです。#f1f1f1

不透明度やその他の設定を試すには時間がかかるため、これらの色を入力して期待される結果/色を得る方法はありますか?

Answer 1

私がよく理解していれば、ぼかしなしで2つの影を描くことができます.2つの色から2ピクセルの影。

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>