Tasarım
QR, renkler ve küçük görsel yardımcıları.
QR kod oluştur
URL'ler veya metinler için bir QR kodu oluşturun (ECC, boyut, sessiz bölge ve renklerin tümü cihazda).
Barkod oluştur
CODE128, EAN-13, UPC veya CODE39.
Renk seçici
Renkten Hex, RGB ve HSL.
Kontrast denetimi
İki rengin WCAG kontrast oranı.
SVG’den PNG’ye
SVG’yi PNG’ye rasterlayın.
Favicon oluştur
PNG'den, şeffaf bir tuval üzerinde ortalanmış, tek bir dosyada birden fazla boyutta bir favicon ICO oluşturun.
Palet üretici
Tohum renkten palet.
Gradyan üretici
CSS ve PNG gradyan.
OG görseli
1200×630 paylaşım görseli.
Grafik oluşturucu
CSV’den çubuk/çizgi.
Kod ekran görüntüsü
Kodu PNG olarak render edin.
CSS gölgesi
box-shadow’u canlı ayarlayın.
Yazdırılabilir takvim
Aylık takvim PNG.
Meta etiketler
SEO/sosyal meta üretin.
Identicon avatar
Metinden geometrik avatar.
Renk körlüğü simülasyonu
CVD yaklaşımı.
CSS Border Radius
Dört köşeli border-radius önizleyin ve kopyalayın.
Yer Tutucu Görüntü
Boyut ve etiketli düz PNG oluşturun.
CSS Outline
Outline genişliği, stili ve rengi oluşturun.
CSS Opacity
opacity: 0–1 kuralı oluşturun.
CSS Letter Spacing
letter-spacing em kuralı oluşturun.
CSS Line Height
Birimsiz line-height kuralı oluşturun.
CSS Word Spacing
word-spacing em kuralı oluşturun.
CSS Font Weight
font-weight 100–900 kuralı oluşturun.
CSS Text Transform
text-transform anahtar sözcük kuralı oluşturun.
CSS Text Align
text-align anahtar sözcük kuralı oluşturun.
CSS Font Style
font-style anahtar sözcük kuralı oluşturun.
CSS Text Decoration
text-decoration anahtar sözcük kuralı oluşturun.
CSS Text Indent
text-indent em kuralı oluşturun.
CSS White Space
white-space anahtar sözcük kuralı oluşturun.
CSS Cursor
cursor anahtar sözcük kuralı oluşturun.
CSS User Select
user-select anahtar sözcük kuralı oluşturun.
CSS Overflow
overflow anahtar sözcük kuralı oluşturun.
CSS Gap
gap rem kuralı oluşturun.
Hex Parlaklık
Bir hex rengin göreli parlaklığı.
Tamamlayıcı Hex
Tamamlayıcı hex renk.
Hex Aç
Bir hex rengi yüzdeyle açın.
Hex Koyulaştır
Bir hex rengi yüzdeyle koyulaştırın.
Hex Karıştır
İki hex rengi karıştırın.
Hex Tersine
Bir hex rengin RGB’sini ters çevirin.
Hex’ten HSL’ye
Hex’i HSL’ye çevirin.
HSL’den Hex’e
HSL’yi hex’e çevirin.
px’ten rem’e
Pikseli rem’e çevirin.
rem’den px’e
rem’i piksele çevirin.
px’ten em’e
Pikseli em’e çevirin.
em’den px’e
em’i piksele çevirin.
vw’den px’e
vw’yi piksele çevirin.
px’ten vw’ye
Pikseli vw’ye çevirin.
Alfa Hex8
Bir hex renge alfa ekleyin.
Hex Tonla
Bir hex rengi beyaza doğru karıştırın.
Hex Gölgele
Bir hex rengi siyaha doğru karıştırın.
Gri Ton Hex
Hex’i gri tonlara çevirin.
Hex Kontrast Çifti
İki hex rengin kontrast oranı.
CSS En Boy Dolgu
En boy oranı için padding-top %.
Rastgele Hex Pastel
Rastgele pastel hex renk.