Turuncu Renk Paleti — 8 Renk

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

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

Popüler Paletler

İlgili Rehberler

Marka Renkleri