🎨

Tasarımcılar

HEX kodlarından baskı DPI'sına kadar; iş akışınıza saygı duyan renk, kontrast ve varlık araçları.

Tasarım araçları

Renk Çevirici

HEX, RGB, HSL ve CMYK arasında tek tıkla renk çevirin ve her değeri kopyalayın.

Renk Kontrastı Kontrol Edici (WCAG)

Metin kontrast oranlarını WCAG 2.1 AA ve AAA standartlarına göre kontrol edin.

Piksel ve Baskı Boyutu Çevirici

Baskı ve web için px, pt, rem ile inç/cm'i istediğiniz DPI'da piksele çevirin.

SVG Sıkıştırıcı

Yorumları ve gereksiz boşlukları SVG işaretlemesinden çıkarın ve küçültülmüş dosyayı indirin.

SVG'den React'e Çevirici

Ham SVG'yi camelCase özniteliklerle yapıştırmaya hazır React JSX bileşenine dönüştürün.

Görselden Base64'e Çevirici

Görselleri veri URL'sine çevirin; hazır CSS arka planı ve HTML parçalarını kopyalayın.

Lorem Ipsum Oluşturucu

Tasarım ve maketler için yer tutucu paragraflar, cümleler veya kelimeler üretin.

Favicon Oluşturucu

Kare bir görsel girin — favicon.ico, Apple touch simgesi ve PNG’ler çıksın.

Renk Paleti Çıkarıcı

Herhangi bir fotoğraftan baskın renkleri alın — veya kesin pikselleri kendiniz seçin.

Arka Plan Kaldırıcı

Tarayıcıda arka plan kaldırma, saydam PNG.

Sosyal Medya Görsel Boyutlandırıcı

Bir fotoğraf, her platform boyutu — ihtiyacınız olanları seçin ve ZIP dışa aktarın.

Görsel Boyutlandırıcı

Bir fotoğrafı veya tüm grubu piksel, yüzde veya en uzun kenar sınırıyla boyutlandırın.

Görsel Sıkıştırıcı

JPG, PNG ve WebP boyutunu kaliteye veya tam hedefe göre küçültün — toplu olarak.

Görsel Kırpma

Hassas kırpma, döndürme ve çevirme — tek tıkla JPG veya PNG dışa aktarın.

Görsel Filigranı

Tüm bir fotoğraf grubuna metin veya logo damgalayın — yerel olarak, asla yüklenmez.

CSS Sıkıştırıcı

CSS'teki yorumları, boşlukları ve gereksiz noktalı virgülleri tamamen tarayıcınızda kaldırın.

HTML Varlık Kodlayıcı/Çözücü

Metni HTML varlıklarına kodlayın ve geri çözün; isimli veya sayısal çıktıyla.

Pasaport / Kimlik Fotoğrafı Yapıcı

Fotoğrafları pasaport ve vize boyutlarına kırpın, arka plan rengini değiştirin ve baskı sayfasına yerleştirin.

Görsel Karartıcı (Mozaik ve Bulanıklaştırma)

Bir görseldeki yüzler ve hassas alanların üzerine mozaik, bulanıklık veya siyah şerit çizin; yerel olarak.

Fotoğraf Birleştirme / Uzun Ekran Görüntüsü

Birden fazla görseli dikey veya yatay olarak tarayıcınızda tek uzun görselde birleştirin.

Fotoğraf Izgara Bölücü (3×3)

Bir görseli 3×3 veya özel ızgaraya bölün ve tüm parçaları ZIP olarak indirin.

GIF Yapıcı

Birkaç görseli ayarlanabilir gecikme ve boyutta animasyonlu GIF olarak birleştirin.

Görsel Farkı / Karşılaştırma

İki görseli üst üste bindirin veya kaydırın ve piksel farklarını yerel olarak vurgulayın.

Kod Ekran Görüntüsü Yapıcı

Kodu sözdizimi renkleri ve pencere çerçevesiyle güzel temalı bir görsele dönüştürün; yükleme yok.

CSS Gradyan Yapıcı

Doğrusal, radyal ve konik gradyanları görsel olarak oluşturun ve hazır CSS arka planını kopyalayın.

Kutu Gölgesi Oluşturucu

Yumuşak veya katmanlı CSS kutu gölgeleri tasarlamak için uzaklık, bulanıklık, yayılma ve rengi ayarlayın.

Köşe Yuvarlaklığı Oluşturucu

Her köşe için kaydırıcıları sürükleyerek yuvarlatılmış kutular şekillendirin ve CSS border-radius değerini kopyalayın.

CSS Clip Path Yapıcı

Çokgen, daire ve içe geçiş kırpma yollarını görsel olarak oluşturun ve CSS clip-path değerini dışa aktarın.

Renk Şeması Oluşturucu

Tek renkten uyumlu monokrom, benzer, tamamlayıcı ve üçlü paletler üretin.

Ekran Renk Seçici (Damlalık)

EyeDropper API ile ekranınızdan herhangi bir rengi alın ve HEX, RGB veya HSL değerini kopyalayın.

PNG'den SVG'ye Çevirici

Eşik kontrolleriyle bitmap görselleri yerel olarak ölçeklenebilir SVG vektör yollarına dönüştürün.

Tasarımcılar Sort123'ü nasıl kullanıyor?

Renk ve erişilebilirliği tutturun

HEX/RGB/HSL/CMYK dönüştürün ve metin kontrastını WCAG AA ile AAA'ya göre doğrulayın.

Web ve baskı varlıklarını hazırlayın

İstediğiniz DPI'da px'i pt'ye çevirin, SVG'yi sıkıştırın ve ham vektörlerden React bileşenleri dışa aktarın.

Görselleri hızla tamamlayın

Arka planları kaldırın, her sosyal platform için yeniden boyutlandırın ve dosya yüklemeden favicon üretin.