Renk Paleti Oluşturucu
- Dosyalar cihazınızdan çıkmaz
- Tarayıcıda çalışır
- Ücretsiz, kayıt yok, filigran yok
3b82f6
e24956
3ba01b
Renk Paleti Oluşturucu nasıl kullanılır
Renk paletlerini üç yolla oluşturun: bir temel renkten uyum kuralları, kilitleyip yeniden çekebileceğiniz rastgele paletler veya Tailwind'deki gibi 50'den 950'ye 11 adımlı bir gölge ölçeği. Renkler OKLCH içinde hesaplanır ve her palet CSS, Tailwind v3 veya v4, JSON, .gpl veya .ase olarak dışa aktarılır.
- 1
Bir Kip seçin: Uyum, Rastgele veya Gölgeler.
- 2
Uyum veya Gölgeler için Temel renk'i ayarlayın, ardından bir Kural seçin ya da bir Renk adı ve Temeli şurada tut adımını seçin.
- 3
Rastgele için Oluştur'a tıklayın veya Space'e basın; yeniden oluşturmadan önce tutmak istediğiniz renkleri kilitleyin.
- 4
Bir rengin üzerine gelin ve kopyala simgesine tıklayın; Uyum'da onu yeni temel renk de yapabilirsiniz.
- 5
Dışa aktar altında HEX, CSS, Tailwind v3, Tailwind v4 veya JSON seçip kodu kopyalayın ya da .gpl veya .ase indirin.
Sık sorulan sorular
Uyumlar neden OKLCH içinde hesaplanır?
Tonlar OKLCH içinde döndürülür, böylece her renk temel rengin algılanan açıklığını ve canlılığını korur. HSL içinde döndürmek sarıları mavilerden çok daha açık gösterirdi.
50'den 950'ye gölgeler nasıl kurulur?
Açıklık, Tailwind'in kendi paletlerine yakın bir eğriyi izler ve kroma yaklaşık 500–600 civarında zirve yapar. Temel renginiz kendi adımında tam olarak korunur; Otomatik, açıklığına en yakın adımı seçer.
Daha önceki bir rastgele palete dönebilir miyim?
Evet. Önceki palet ve Sonraki palet'i kullanın; sayfa açıkken son 50 palet tutulur, ancak kapattıktan sonra hiçbir şey kaydedilmez.
Bir paletin kaç rengi olabilir?
Rastgele paletlerde 2 ile 10 renk vardır (− ve + düğmelerini kullanın). Uyum kuralları sabit bir sayı verir; örneğin tamamlayıcı için 2, analog veya monokrom için 5. Gölgeler her zaman 11 verir.
Tailwind v4 dışa aktarımı nasıl görünür?
CSS'inize yapıştırmaya hazır --color-* değişkenlerinden oluşan bir @theme bloğu. Gölgeler --color-brand-500 gibi adlandırılmış oklch() değerleri olarak yazılır; diğer kipler HEX kullanır.