Tasarım & stil

Eski Internet Explorer CSS'lerini modern standartlara dönüştürün. IE'ye özgü filtreleri (opaklık, degrade), vendor ön eklerini (-ms-), eski flexbox/grid sözdizimini, seçici hilelerini ve özel özellikleri otomatik olarak temiz, modern CSS eşdeğerlerine dönüştürür.

İnteraktif kaydırıcılarla Framer Motion yay geçiş yapılandırmalarını oluşturun, hissiyatı önizleyin ve kullanıma hazır bir kod parçacığını kopyalayın.

AI kullanarak uyumlu renk paletleri oluşturun. İstediğiniz ruh hali, tema veya stili tanımlayın ve yapay zekanın her renk için isim ve açıklama içeren bütünleşik bir renk şeması oluşturmasına izin verin.

Bir arayüz öğesini kelimelerle tanımlayın ve eşleşen CSS kodu oluşturun.

Twitch, Discord veya sosyal medya için özelleştirilebilir paneller oluşturun. PC özellikleri, kurallar, hakkında bölümleri ve daha fazlası için çoklu tasarım stilleriyle profesyonel görünümlü görseller üretin.

Yazıcı kalibrasyonu ve kalite testi için özelleştirilebilir test baskı sayfaları oluşturur. Renk çubukları, gri ölçekli geçişler, hizalama işaretleri, metin örnekleri ve ızgara desenleri içeren sayfalar yaratır.

Etkileşimli kaydırıcılarla CMYK renk kodları oluşturur ve keşfeder. Özel CMYK renkleri yaratın ya da rastgele kombinasyonlar üretin. Baskı tasarımı, marka oluşturma ve renk keşfi için mükemmeldir; RGB, HEX ve diğer formatlara anında dönüşüm sağlar.

Şeffaf görüntü ve öğeleri göstermek için dama tahtası desenli özelleştirilebilir CSS şeffaflık ızgaraları oluşturur.

Klasik siyah çerçeve ve metinle özelleştirilmiş demotivasyon posterleri oluşturun.

Eğitimler ve dokümantasyon için görsel klavye kısayolu resimleri oluşturun. Tuş kombinasyonlarını yakalayın, Windows/Mac/Genel stilini seçin ve PNG, JPG veya WEBP olarak dışa aktarın. Yardım kılavuzları, eğitim materyalleri ve yazılım dokümantasyonu oluşturmak için mükemmeldir.

CSS stillerini anında Tailwind CSS yardımcı sınıflarına dönüştürün. Geleneksel CSS sözdizimini modern Tailwind sınıflarına çevirin. Projeleri Tailwind'e taşımak veya CSS özelliklerinin Tailwind eşdeğerlerini öğrenmek için mükemmeldir.

Renk kantifikasyonu kullanarak görüntülerden baskın renkleri çıkarın. Fotoğrafları analiz ederek ana renk paletlerini bulun.

Güzel CSS gradyanları oluşturun; lineer, radyal ve konik seçeneklerle. Canlı önizleme yapın ve oluşturulan CSS kodunu kopyalayın.

Canlı önizleme ve kopyalanabilir CSS ile gradyan metin stilleri oluşturun.

Belirli zaman ayarlarıyla özelleştirilebilir analog saat görüntüleri oluşturun. PNG veya SVG olarak indirin.

Tailwind CSS renkleri ile HEX, RGB, HSL gibi standart formatlar arasında dönüştürme yapın. Her renk için en yakın Tailwind rengi bulun.

Film negatiflerini renkleri tersine çevirerek pozitif fotoğraflara dönüştürün. Taranmış negatif görüntüleri anında normal, görüntülenebilir fotoğraflara dönüştürün.

Yapılandırılabilir tolerans ve kenar yumuşatma ile görüntülerden belirli renkleri kaldırın

ISO A, B, C serisi ve US boyutları için kağıt boyutlarını milimetre, santimetre, inç, piksel ve punto cinsinden hesaplayın

Baskı için tam sayfa düz renk sayfaları oluşturun. Herhangi bir renk seçin, kağıt boyutu ve yönünü belirleyin, ardından HTML olarak yazdırın veya indirin.

Sosyal medya için özel arka planlar, yazı tipleri ve stillendirme ile güzel alıntı görüntüleri oluşturun

Uzantı listeleri için tarayıcı çerçeveleri, promosyon metni ve markalı arka planlarla profesyonel Chrome Web Store ekran görüntüleri oluşturun

Özel bir imleç dosyası (.cur, .ani, .png, .svg, .ico) yükleyin ve canlı önizleme alanında nasıl göründüğünü test edin.

Herhangi bir renk için CSS renk adını anında bulun. Herhangi bir HEX, RGB veya HSL değerini seçin ve algısal doğrulukla en yakın W3C/CSS adlandırılmış rengini keşfedin.