Tailwind CSS Renginden HEX'e: Renk Arama

Tailwind CSS Renginden HEX’e Arama

blue-500, #3b82f6, yani rgb(59, 130, 246) değeridir. Tailwind’in renk sistemi, 50’den 950’ye kadar numaralandırılmış tonlarla adlandırılmış renklerden oluşan sabit bir palet kullanır. Her ton, aynı ana sürüm içinde Tailwind sürümleri arasında tutarlı olan belirli bir hex değerine eşlenir.

Renk Ölçeği Yapısı

Yaygın Renkler ve HEX Değerleri

Gray Aileleri Karşılaştırması

tailwind.config.js’de Özel Renkler

module.exports = {
  theme: {
    extend: {
      colors: {
        brand: {
          50: '#eff6ff',
          500: '#3b82f6',
          900: '#1e3a8a',
        },
      },
    },
  },
}

Bu, bg-brand-500, text-brand-600 ve diğer tüm yardımcı varyantları otomatik olarak ekler.

Tailwind v4 ve CSS Özel Özellikleri

@import "tailwindcss";

@theme {
  --color-brand-50: #eff6ff;
  --color-brand-500: #3b82f6;
  --color-brand-900: #1e3a8a;
}

@theme içindeki her renk otomatik olarak yardımcı sınıflar oluşturur.