1

私の CSS では、#errordiv を次のように定義しました。

#error {
    border-width:1px;
    border-style:solid;
    border-color: #DD3C10;
    background:#FFEBE8;
    /* Other settings */
}

上記のコードは実際には私のものではありません。Facebook と同じ色を使用しました。今、divで同じことをしたいのですが、#successどの色を使用すればよいかわかりません。同じ色合い（つまり、「フルカラー」と「白」の間の線上の位置）を維持したいのですが、赤ではなく緑です。どうすればいいのですか？「公式」はありますか？

4

2 に答える 2

1

色の HSL 表現の L (明度) コンポーネントを気にします。オンライン コンバーター (RGB/HEX から HSL へ) は、​​小さなリンクで見つけることができます。

HSL for #DD3C10is 13° 86% 46%、一方#FFEBE8is 8° 100% 95%. 明度の違いは、ご覧のとおりです49%。

あなたの緑色のborderがHSL#00FF00にある であるとします。120° 100% 50%新しい明度成分を計算するには、 を追加するだけ49%です。したがって、緑色のbackgroundは120° 100% 99%です#FAFFFA。

于 2012-09-09T13:17:52.130 に答える
0

確かに簡単な方法があります。RGB の代わりに HSL カラー システムを使用するだけで、目的の色を選択するのにはるかに直感的に使用できます。これは、画像に色合いを付けるときに使用するカラー システムです。

あとは、ベースカラーを HSL カラーとして表現し、色相はそのままにして、彩度または輝度を変更するだけです。

例えば

  • borderCol = #DD3C10; (RGB) ---- hsl(13,93%,87%)
  • 背景 = #FFEBE8; (RGB) --- hsl(8,9%,100%)

新着

  • borderCol = #49DD10; (RGB) ---- hsl(103,93%,87%)
  • 背景 = #f0ffe8; (RGB) --- hsl(98,9%,100%)
于 2012-09-09T13:26:12.830 に答える