Araçlar
Herhangi bir web sitesinden renk paleti
Bir web sitesi adresi girin ve paletini alın: her renk rolüyle birlikte, hex kodu, CSS değişkeni, Tailwind teması ya da JSON olarak.
airbnb.com
4 gün önce ölçüldü.
#ffffff background
#dddddd surface
#f2f2f2 surface-2
#222222 foreground
#6c6c6c muted-foreground
#da1249 primary
#ffffff on-primary
#ffffff borderNasıl çalışır
Stylepack siteyi gerçek bir tarayıcıda açar, dört genişlikte ve iki temada ekranda ne render edildiğini ölçer (stil dosyasının ne dediğini değil) ve sonucu bir tasarım paketi olarak saklar. Daha önce ölçülmüş bir site anında cevap verir; yeni bir site bir dakikadan kısa sürer. Bu sayfadaki her değer o paketten gelir.
Sorular
Palet nasıl ölçülüyor?
Site gerçek bir tarayıcıda render edilir; arka planların, metnin, düğmelerin, bağlantıların ve kenarlıkların renkleri sayfadan okunur, kümelenir ve rolüne göre adlandırılır (background, foreground, primary, border ve benzeri). Vurgu rengi, birincil düğmelerinin ve bağlantılarının rengidir.
Koyu mod renklerini de içeriyor mu?
Sitenin koyu teması varsa o da ölçülür ve CSS, eşleşen değerlerle bir koyu blok taşır.
Paleti Tailwind ya da Figma için alabilir miyim?
Sonuç hex kodları, CSS değişkenleri, bir Tailwind v4 teması ve JSON sunar. Tasarım paketi buna W3C tasarım token’ları formatında tokens.json ekler; Style Dictionary ve Figma eklentileri bu dosyayı okur.