Renk Paleti Oluşturucu
Ücretsiz çevrimiçi oluşturucumuzla anında güzel, uyumlu renk paletleri oluşturun. Monokromatik, analog, tamamlayıcı, triadik, split-tamamlayıcı ve tetradik modları destekler. Renkleri HSL kaydırıcılarıyla ayarlayın, favorileri kilitleyin ve CSS, Tailwind, JSON veya SVG olarak dışa aktarın. %100 tarayıcı tabanlı, verileriniz cihazınızdan asla ayrılmaz.
Renk paletini nasıl oluştururum?
Oluştur düğmesine tıklayın veya yeni rastgele bir palet oluşturmak için space tuşuna basın. Uyum modu seçicisini kullanarak monokromatik, analog, tamamlayıcı, triadik, split-tamamlayıcı veya tetradik şemalar arasından seçim yapın.
Beğendiğim rengi nasıl kilitlerim?
Herhangi bir renk örneğindeki kilit simgesine tıklayın. Kilitli renkler yeni palet oluşturulurken yerinde kalır, kilitli olmayanlar değiştirilir.
Paletimi nasıl dışa aktarırım?
Dışa Aktar düğmesine tıklayarak CSS değişkenleri, Tailwind yapılandırması, JSON dizisi veya SVG paleti arasından seçim yapın. Palet otomatik olarak panoya kopyalanır.
Farklı uyum modları nelerdir?
Monokromatik, değişen doygunluk ve açıklıkla bir ton kullanır. Analog bitişik tonlar (±30°) kullanır. Tamamlayıcı zıt tonlar (180°) kullanır. Triadik 3 eşit aralıklı ton (120°) kullanır. Split-tamamlayıcı bir temel ton artı tamamlayıcısının yanındaki iki ton kullanır. Tetradik 4 eşit aralıklı ton (90°) kullanır.
Paleti marka rengimin etrafında kurabilir miyim?
Evet. Temel renk seçiciden marka renginizi seçin, ardından bir uyum modu seçin — diğer dört renk onun etrafında üretilir. Sonra her birini HSL kaydırıcılarıyla ince ayar yapabilirsiniz.
Hangi dışa aktarma biçimleri var?
Palet CSS değişkenleri, Tailwind yapılandırması, JSON dizisi veya SVG dosyası olarak dışa aktarılabilir. Biçimi değiştirdiğinizde kod önizlemesi anında güncellenir ve doğrudan projenize yapıştırılmaya hazırdır.
Renk değerlerini HEX, RGB veya HSL olarak görebilir miyim?
Evet, her rengin değeri HEX, RGB ve HSL arasında değiştirilebilir. Böylece tasarım aracınızın veya kod tabanınızın beklediği biçimi elle dönüştürmeden doğrudan alırsınız.
Her rengin üzerindeki küçük rozet ne anlama geliyor?
O renk üzerinde beyaz mı yoksa siyah metnin mi okunabilir kaldığını gösterir. Kontrast oranı 4,5:1'e ulaştığında rozet, WCAG erişilebilirlik yönergelerine göre onay işareti gösterir — düğme ve banner arka planlarını seçerken çok işe yarar.
Paletim bir sunucuya yükleniyor mu?
Hayır. Her şey tarayıcınızda yerel olarak çalışır, renkleriniz asla cihazınızdan ayrılmaz. Sayfa yüklendikten sonra oluşturucu çevrimdışı bile çalışır.
Renk Paleti Oluşturucu Nasıl Kullanılır
Monokromatik, analog, üçlü gibi kiplerle uyumlu renk paletleri oluşturun — hesaplama tamamen tarayıcınızda. Sevdiğiniz tonları kilitleyin, ince ayar yapın ve framework'ünüzün biçiminde dışa aktarın.
- Açılır listeden bir uyum Mode'ı seçin: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary veya Tetradic.
- Base rengini belirleyin; böylece üretilen her renk kartı marka tonunuzdan türetilir. Takım hoşunuza gidene kadar yeniden üretin.
- Beğenmediğiniz kartları ✕ düğmesiyle kaldırıp yeniden çekin; kalanları HSL kaydırıcılarıyla ince ayar yapın.
- Renk kartlarını açık ve koyu taslaklarda karşılaştırın; her rengin üzerinde metnin okunur kaldığından emin olun.
- Export Palette'ı açın ve renklerinizi CSS Variables, Tailwind Config, JSON Array veya SVG Palette olarak alın.
Random kipinde yeniden üretmeden önce Base kartını kilitleyin; marka renginizi kaybetmeden çevresindeki varyasyonları keşfedersiniz.
İlgili Araçlar
- Renk Dönüştürücü Ücretsiz çevrimiçi renk dönüştürücü. HEX, RGB, HSL, HSV formatlarını görsel seçici ile anında dönüştürün. %100 gizli, tarayıcınızda çalışır.
- Renk Seçici Pipet ile ekrandan herhangi bir renk seçin. HEX, RGB, HSL kodlarını anında kopyalayın. Ücretsiz çevrimiçi renk aracı.
- Renk Kontrast Kontrolü WCAG 2.1 uyumu için renk kontrast oranlarını kontrol edin. AA ve AAA standartlarını anında doğrulayın.
- Renk Körlüğü Simülatörü Ücretsiz çevrimiçi renk körlüğü simülatörü. Protanopi, Deuteranopi, Tritanopi ve diğer türler için tasarımları test edin. %100 özel, tarayıcınızda çalışır.
- GIF Kare Ayırma GIF animasyonlarından tekil kareleri PNG veya sprite sayfası olarak çıkarın ve indirin. Önizleme ve ZIP dışa aktarma destekli ücretsiz çevrimiçi araç.
- GIF Ters Çevir GIF animasyon oynatma sırasını ücretsiz çevrimiçi ters çevirin. Anında yükleyin, önizleyin ve indirin.
- GIF Hız Değiştirici GIF animasyon hızını çevrimiçi değiştirin. GIF dosyalarını anında hızlandırın veya yavaşlatın.
- Video GIF Dönüştürücü Videoyu çevrimiçi animasyonlu GIF'e dönüştürün. Kalite, kare hızı ve çözünürlüğü yükleme yapmadan doğrudan tarayıcınızda ayarlayın.