Scarred Beauty カラーパレット

美しいScarred Beautyカラーパレットをご紹介します。cashmere (#e4b5a5), puce (#d18f8f), turkish rose (#b86b6c), copper rust (#9c4f4f) and lotus (#7b3232)で構成されています。

明るさ

彩度

暖かさ

私たちのカラーパレットジェネレーターが作成したこの汎用性の高いカラースキームは、これらのカラーパレットと組み合わせの特性を共有しています:Skin, Earthy, Red, Soft, Muted, Warm, Autumn, Nature, Beauty, Vintageカラーパレットと組み合わせ。

💡 できること

ColorMagicでは簡単に以下のことができます:
  • デザインに正確なHEXコードとRGB値をコピー
  • 明度、彩度、暖度を調整して新しいバリエーションを作成
  • UIコンポーネントをプレビューして、実際のインターフェースでの色の働きを確認
  • 背景グラデーションやカラー変数を含むCSSコードをコピー
  • パレットをダウンロード
  • チームメンバーやクライアントとパレットを共有

🎨 UIコンポーネントのプレビュー

UI例

Scarred Beautyパレットを使った美しいUIコンポーネントを探索

このパレットを共有する先:

💻 Scarred Beauty カラーパレット CSS

/* CSS */
.color-1 {
color: #e4b5a5;
}
.color-2 {
color: #d18f8f;
}
.color-3 {
color: #b86b6c;
}
.color-4 {
color: #9c4f4f;
}
.color-5 {
color: #7b3232;
}

/* CSS Variables */
:root {
--color-1: #e4b5a5;
--color-2: #d18f8f;
--color-3: #b86b6c;
--color-4: #9c4f4f;
--color-5: #7b3232;
}

🌈 Scarred Beauty の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4b5a5, #d18f8f, #b86b6c, #9c4f4f, #7b3232);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4b5a5, #d18f8f, #b86b6c, #9c4f4f, #7b3232);
}

Scarred Beauty color palette created on .