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.
linear.app
4 gün önce ölçüldü.
#08090a background
#101112 surface
#1c1d1e surface-2
#07220a surface-3
#f7f8f8 foreground
#8a8f98 muted-foreground
#e5e5e6 primary
#111111 on-primary
#5e6ad2 secondary
#1c1d1e 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.