Tasarım Araçları Araçları
CSS oluşturucular, renk araçları ve SVG oluşturma
Renk Kodu Dönüştürücü
HEX, RGB ve HSL renk kodları arasında dönüştürme yapın. Sezgisel renk seçimi için renk seçici ve gerçek zamanlı önizleme kullanın.
Renk Seçici
Renk çarkı ve kaydırıcılar kullanarak renkleri sezgisel olarak seçin. HEX, RGB ve HSL formatlarında renk kodlarını alın ve kopyalayın.
Görsel Renk Çıkarıcı
Bir görselden baskın renkleri otomatik olarak tespit edin ve renk paleti oluşturun. Ayrıca tek tek renkler seçmek için görselin herhangi bir yerine tıklayabilirsiniz.
Görsel Ortalama Renk Seçici
Tüm bir görselin veya seçili bir alanın ortalama rengini hesaplayın. Renk şemaları veya küçük resim arka plan renkleri seçmek için kullanışlı.
CSS Degrade Oluşturucu
Sürükleme kontrolleriyle CSS degradelerini görsel olarak oluşturun. Ön ayarlarla doğrusal, radyal ve konik degrade türlerini destekler.
CSS Box Shadow Oluşturucu
Kaydırıcılarla görsel olarak CSS box-shadow oluşturun. Çoklu gölgeler ve iç gölgeleri destekler.
CSS Border Radius Oluşturucu
Bireysel köşe kontrolleriyle CSS border-radius oluşturun. Eliptik yarıçap seçenekleri ve popüler şekil ön ayarları içerir.
CSS Metin Gölgesi Oluşturucu
Canlı önizlemeyle CSS text-shadow oluşturun. Neon, kabartma ve diğer ön ayarlar dahil çoklu gölgeler katmanlayın.
CSS Üçgen Oluşturucu
Border özelliğini kullanarak CSS üçgenleri oluşturun. Özelleştirilebilir boyut ve renkle 8 yönü destekler.
CSS Clip Path Oluşturucu
Sürükle ve bırak ile CSS clip-path şekilleri görsel olarak oluşturun. Polygon, daire, elips ve yıldız, kalp gibi ön ayarları içerir.
CSS Glassmorphism Oluşturucu
Canlı önizleme ve CSS çıktısıyla buzlu cam UI efektleri oluşturun. Şeffaflık, bulanıklık, kenarlık ve gölge ayarlarını ince ayarlayın.
CSS Yükleyici Oluşturucu
Birden fazla CSS yükleme animasyonu arasından seçin ve kodu alın. Döndürücüler, noktalar, çubuklar ve daha fazlası için renk, boyut ve hızı özelleştirin.
CSS Flexbox Oluşturucu
Flexbox düzenlerini görsel olarak oluşturun ve CSS kodu üretin. Yerleşik kopya kağıdıyla tüm özellikleri ayarlayın.
CSS Cubic Bezier Oluşturucu
CSS animasyon kolaylaştırma eğrilerini görsel olarak oluşturun. Kolları sürükleyin ve animasyonları gerçek zamanlı önizleyin.
Renk Tonları Oluşturucu
Herhangi bir rengin açıktan koyu'ya ton varyasyonlarını oluşturun. Adım sayısını ayarlayın ve Tailwind CSS paleti olarak dışa aktarın.
Renk Karıştırıcı
Yeni renkler oluşturmak için iki veya daha fazla rengi belirtilen oranlarda karıştırın. RGB, HSL ve LAB gibi farklı renk uzaylarında sonuçları karşılaştırın.
Renk Paleti Oluşturucu
Renk teorisini kullanarak temel renkten renk paletleri oluşturun. Tamamlayıcı, benzer, üçlü ve daha fazla renk düzeni içerir.
Web Yazı Tipi Önizleme
Google Fonts web yazı tiplerini gerçek zamanlı olarak önizleyin. Boyut ve rengi ayarlarken birden fazla yazı tipini karşılaştırın.
HTML Renk Adları Referansı
148 HTML/CSS adlı rengin tamamına tek bir yerde göz atın. HEX kodlarını kolayca arayın, önizleyin ve kopyalayın.
CSS Arka Plan Deseni Oluşturucu
Saf CSS kullanarak arka plan desenleri oluşturun. Görsel düzenleyiciyle çizgiler, noktalar, karolar ve daha fazlasını özelleştirin.
CSS Kaydırma Çubuğu Oluşturucu
Görsel düzenleyiciyle CSS kaydırma çubuğu tasarımını özelleştirin. Renk, genişlik, köşe yarıçapını ayarlayın ve kodu doğrudan kopyalayın.
CSS Gradyan Metin Oluşturucu
Metne gradyan uygulamak için CSS kodu oluşturun. Renkleri, yönü ve aralık ayarlamalarını gerçek zamanlı olarak önizleyin.
CSS Onay Kutusu Oluşturucu
Görsel düzenleyiciyle özel CSS onay kutuları oluşturun. Animasyonları, renkleri ve şekilleri serbestçe özelleştirin.
CSS Geçiş Anahtarı Oluşturucu
Görsel düzenleyiciyle özel CSS geçiş anahtarları oluşturun. Boyutu, rengi ve animasyonu ayarlayın, ardından kodu dışa aktarın.
SVG Blob Oluşturucu
Organik blob şekilli SVG'leri otomatik olarak oluşturun. Web tasarım dekorasyonları için rastgelelik ve karmaşıklığı ayarlayın.
SVG Desen Oluşturucu
Tekrarlanabilir SVG karo desenleri oluşturun. Desen türünü, rengini ve boyutunu özelleştirin, ardından kodu dışa aktarın.