Tailwind Palet Oluşturucu: 11 Adımlı Renk Skalası
Tek bir taban renk kullanarak 50'den 950'ye 11 adımlı Tailwind tarzı renk skalası oluşturun. Palet, Tailwind v3'ün kullandığı algısal olarak tekdüze bir renk uzayı olan OKLch'te açıklığı artırır. Oluşturulan tonları inceleyin, herhangi bir değere tıklayarak kopyalayın veya dahil edilen yapıştırmaya hazır Tailwind yapılandırma parçacığını kullanın. Oluşturmadan önce mevcut seçenekleri ayarlayın.
Tailwind Palet Oluşturucu, tek bir taban renkten 11 adımlı Tailwind tarzı renk skalası oluşturur. Her değeri el ile oluşturmak yerine koordineli bir palet kurmayı kolaylaştırarak 50, 100 ve devamında 950'ye kadar numaralandırılmış tonlar üretir. Her ton tıklayarak kopyalanabilir ve araç yapıştırmaya hazır bir Tailwind yapılandırma parçacığı içerir.
Oluşturucu, Tailwind v3'ün kullandığı algısal olarak tekdüze bir renk uzayı olan OKLch'te açıklığı artırarak skalayı kurar. Mevcut seçenekleri ayarlayın, bir taban renk verin ve ortaya çıkan tonları görmek için paleti oluşturun. Ardından tek bir değeri kopyalayabilir veya dahil edilen yapılandırma parçacığını kullanabilirsiniz.
Palet, ilişkili renk değerlerinin bir dizisiyken; Tailwind yapılandırma parçacığı, oluşturulan paleti bir Tailwind projesinde kullanmanın pratik bir yoludur. Tek bir taban renkten tonlar oluşturmak, arayüzünüz veya proje veriniz için tutarlı bir açık-koyu değer aralığı belirlemenize yardımcı olabilir. 50–950 numaralandırması, skalayla çalışırken adımların kolayca belirlenmesini sağlar.
Araç tamamen tarayıcınızda çalışır ve girdiniz bir sunucuya gönderilmek yerine cihazınızda işlenir. Sunucu bağımlılığı yoktur; bu nedenle sayfa yüklendikten sonra çevrimdışı çalışmaya devam eder. Tailwind Palet Oluşturucu ücretsizdir ve geliştiricilerin, tasarımcıların ve DevOps mühendislerinin eksiksiz bir renk skalasını hızla oluşturup kopyalamasına yardımcı olabilir.
Adım 1: Paletinize başlamak için tek bir taban renk verin. Oluşturucu bunu tam 11 adımlı skalayı kurmak için kullanır.
Adım 2: Oluşturmadan önce mevcut seçenekleri ayarlayın. Belirli seçenekler araçta incelenebilir.
Adım 3: Paleti oluşturun ve 50'den 950'ye numaralandırılmış tonlarını inceleyin.
Adım 4: Değerini kopyalamak için bir tona tıklayın veya dahil edilen yapıştırmaya hazır Tailwind yapılandırma parçacığını kopyalayın.
Kullanım senaryosu: Bir tasarım sistemi için tek bir taban renkten eksiksiz bir Tailwind tarzı ton seti oluşturun.
Kullanım senaryosu: Her tonu el ile yazmadan testler, fikstürler veya tohum verisi için renk değerleri hazırlayın.
Kullanım senaryosu: Değerleri tek tek uydurmak yerine tüm 50–950 skalasını bir seferde oluşturun.
Kullanım senaryosu: Bir proje için palet oluşturun ve ihtiyaç duydukça tek tek ton değerlerini kopyalayın.
Kullanım senaryosu: Oluşturulan paleti bir Tailwind yapılandırmasına taşımak için dahil edilen yapılandırma parçacığını kullanın.
Kullanım senaryosu: OKLch tabanlı bir skalayla palet boyunca açıklığın nasıl değiştiğini keşfedin.