Tasarım araçları

Bu araçlar hakkında

Bu bölümdeki 36 aracın tümü ücretsizdir, her cihazda tarayıcınızda çalışır ve kayıt gerektirmez.

• HEX'ten RGB'ye dönüştürücü: HEX renk kodlarını RGB'ye dönüştürün; aynı rengi HSL, HSV, CMYK, OKLCH olarak ve adıyla görün.
• RGB'den HEX'e dönüştürücü: rgb(…) renklerini HEX kodlarına ve diğer tüm renk biçimlerine dönüştürün.
• HEX'ten HSL'ye dönüştürücü: HEX renkleri daha açık ve daha koyu tonlarıyla HSL'ye dönüştürün.
• Renk kontrastı denetleyici: Metin ve arka plan renklerini WCAG AA/AAA'ya göre kontrol edin ve geçen en yakın renkleri alın.
• Renk körlüğü simülatörü: Bir görseli veya renklerinizi renk körlüğü olan kişilerin gördüğü gibi görün.
• Renk paleti oluşturucu: Renk şemaları oluşturun, beğendiğiniz renkleri kilitleyin, bir fotoğraftan palet çıkarın ve metin kontrastını kontrol edin.
• Gradyan arka plan oluşturucu: Doğrusal, dairesel, konik ve mesh gradyanlar tasarlayın, galeriden seçin, CSS'i kopyalayın veya duvar kâğıdı indirin.
• Glassmorphism oluşturucu: Canlı önizlemeyle buzlu cam kartlar oluşturun ve CSS'i kopyalayın.
• Neumorphism oluşturucu: Yumuşak, 3B görünümlü düğmeler ve kartlar (soft UI) oluşturun ve CSS'i kopyalayın.
• CSS desen oluşturucu: Saf CSS veya SVG arka plan olarak çizgiler, noktalar, ızgaralar, damalar, zikzaklar ve daha fazlası.
• SVG şekil oluşturucu: SVG veya PNG olarak yıldızlar, çokgenler, rozetler ve patlama şekilleri.
• SVG blob oluşturucu: Arka planlar ve illüstrasyonlar için SVG veya PNG olarak rastgele organik blob şekilleri.
• SVG dalga oluşturucu: Bölüm ayırıcıları ve arka planlar için SVG, PNG veya CSS olarak katmanlı dalgalar.
• Piksel sanatı oluşturucu: Ayna modu, doldurma ve geri alma özellikleriyle ızgara üzerinde piksel sanatı çizin ve net bir PNG indirin.
• ASCII sanatı oluşturucu: Metni büyük ASCII harflere (birçok yazı tipi) veya bir fotoğrafı ASCII sanatına dönüştürün.
• Favicon ve uygulama simgesi oluşturucu: Tek bir görselden tüm simge boyutları: favicon.ico, Apple touch simgesi, Android ve PWA simgeleri, HTML koduyla birlikte.
• Favicon önizleyici: Simgenizin tarayıcı sekmelerinde (açık ve koyu), yer işaretlerinde, Google sonuçlarında ve telefon ana ekranlarında nasıl göründüğünü görün.
• Sosyal medya banner oluşturucu: Tam boyutlar ve güvenli alanlar gösterilerek YouTube, LinkedIn, X ve Facebook banner'ları oluşturun.
• Profil fotoğrafı çerçevesi: Profil fotoğrafınızın çevresine renkli bir halka ve kavisli metin (ör. HIRING veya bir etkinlik adı) ekleyin.
• Yazı tipi eşleştirme aracı: Arapça dahil, özenle seçilmiş başlık ve gövde yazı tipi çiftleri; canlı önizleme ve CSS ile.
• QR kodu tasarımcısı: Özel QR kodları: renkler, gradyanlar, nokta ve köşe şekilleri, logo ve “Beni tara” çerçevesi.
• Logo oluşturucu ve işletme logosu üretici: Bir isimden, simgeden ve renklerinizden basit bir logo yapın ve SVG veya PNG olarak indirin.
• Ton ve gölge oluşturucu: Herhangi bir rengin daha açık tonları, daha koyu gölgeleri ve daha yumuşak tonları, CSS değişkenleriyle.
• Renk karıştırıcı: İki rengi istediğiniz oranda karıştırın ve sonucu HEX, RGB, HSL ve OKLCH olarak görün.
• Renk çarkı ve uyumlar: Renk çemberinden tamamlayıcı, komşu, üçlü ve diğer renk şemaları.
• Renk kontrast tablosu: Paletinizdeki her metin ve arka plan çiftini WCAG'a göre tek seferde denetleyin.
• CSS renk adları: Tüm 148 CSS renk adı ve kodları, ayrıca herhangi bir renge en yakın ad.
• Kelvin RGB çevirici (renk sıcaklığı): Bir ışığın renk sıcaklığını (2700 K, 6500 K…) HEX ve RGB rengine çevirin.
• Tailwind renk paleti oluşturucu: Marka renginizden v3 veya v4 için 50–950 Tailwind CSS renk ölçeği oluşturun.
• Material renk paleti oluşturucu: Tek bir tohum renginden Material 3 tarzı ton paletleri ile açık ve koyu renk rolleri.
• Gölge ölçeği oluşturucu: CSS değişkenleri olarak uyumlu kutu gölgeleri (yükseklik düzeyleri) oluşturun.
• Renk ölçeği oluşturucu: Grafikler, haritalar ve gradyanlar için iki renk arasında yumuşak geçişler.
• Gradyan yazı oluşturucu: CSS ile renkli gradyan yazı yapın veya şeffaf PNG olarak indirin.
• Resimden renkleri ayıklama: Bir fotoğrafın veya logonun ana renklerini her birinin oranıyla bulun.
• Renk körlüğüne uygun palet denetleyici: Renk körü kişilerin paletinizin renklerini ayırt edip edemediğini denetleyin.
• Rastgele renk oluşturucu: Canlı, pastel, koyu veya toprak tonlarında rastgele renkler; adlar, HEX kodları ve kilitlerle.