Renkler

tailwindcss.com renk paleti

tailwindcss.com, sayfalarını #ffffff zemin ve #ffffff metinle kuruyor; vurgu rengi ise #000000, yani birincil düğmelerinin ve bağlantılarının rengi. Aşağıdaki 4 renk canlı siteden ölçüldü.

tailwindcss.com sitesinden 4 gün önce ölçüldü.

Palet

4 renk
RenklerRolHexRGBAçık / koyu
backgroundPage background#ffffffrgb(255 255 255)#ffffff
foregroundPrimary text#ffffffrgb(255 255 255)#ffffff
primaryCandidate accent (semantic role inferred)#000000rgb(0 0 0)
on-primaryText on the accent#ffffffrgb(255 255 255)
Sayfa zemini üzerinde metin
1.00:1 · WCAG AA altında
Vurgu rengi üzerinde metin
21.00:1 · WCAG AA geçiyor

CSS değişkenleri

Her renk, rolüne göre adlandırılmış bir özel özellik (custom property) olarak. Sitenin koyu teması varsa koyu blok da burada.

:root {
  --color-background: #ffffff;
  --color-foreground: #ffffff;
  --color-primary: #000000;
  --color-on-primary: #ffffff;
}
​
[data-theme="dark"] {
  --color-background: #ffffff;
  --color-foreground: #ffffff;
}

Yapay zeka ajanları için

Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.

curl -s https://stylepack.ai/packs/tailwindcss.com/DESIGN.md

Sorular

tailwindcss.com marka renkleri nelerdir?

Başlıca tailwindcss.com renkleri #000000 (vurgu), #ffffff (zemin) ve #ffffff (metin). 4 renkten oluşan tam palet, her birinin rolüyle birlikte, bu sayfada hex kodu olarak yer alıyor.

tailwindcss.com hex kodu nedir?

tailwindcss.com sitesinin vurgu rengi #000000; sayfa zemini #ffffff, ana metin rengi #ffffff. Her biri render edilmiş sayfadan ölçüldü, yani bir stil kılavuzundaki değer değil, ziyaretçilerin gördüğü renk.

tailwindcss.com renklerini Tailwind ya da CSS içinde nasıl kullanırım?

Bu sayfadaki CSS değişkenlerini ya da Tailwind v4 temasını kopyalayın veya tasarım paketini indirin: aynı değerlerle tokens.json (W3C tasarım token’ları), tokens.css ve tailwind.css içerir.