Turuncu Renk Paleti — 6 Renk

Bu önceden hazırlanmış palet, #f97316 Turuncu rengini temel alarak 6 uyumlu ton oluşturur. Web projelerinizde tutarlı bir renk sistemi kurmak için idealdir.

Aracı Aç ve Düzenle
CSS Variables
:root {
  --color-1: #fdc49e;
  --color-2: #fba163;
  --color-3: #f97316;
  --color-4: #d26413;
  --color-5: #aa510f;
  --color-6: #80390b;
}
Tailwind Config
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        brand: {
          100: '#fdc49e',
          200: '#fba163',
          300: '#f97316',
          400: '#d26413',
          500: '#aa510f',
          600: '#80390b',
        }
      }
    }
  }
}

Popüler Paletler

İlgili Rehberler

Marka Renkleri