Tasarım
CSS gradyan oluşturucu
CSS gradyan oluşturucu. Girdi: 2 colors. Çıktı: CSS linear-gradient.
Aracı aç Tüm araçlar
Renk ve tasarım için çevrimiçi araçlar
Renkleri dönüştürüp karıştırın, kontrastı denetleyin, gradyanlar ve CSS efektleri oluşturun, yeniden kullanılabilir paletleri dışa aktarın.
RENK VE TASARıMGGMET · FREE TOOLS18Araçlar
$0Core features are free
WEBNo software installation
Tasarım
Bir araç seçin
Code and formats
Tasarım
HEX, RGB, HSL ve HSV renk dönüştürücü
HEX, RGB, HSL ve HSV renk dönüştürücü. Girdi: HEX, RGB, HSL, HSV. Çıktı: color values.
Aracı aç
Tasarım
Radyal CSS gradyan oluşturucu
Radyal CSS gradyan oluşturucu. Girdi: 2 colors. Çıktı: CSS radial-gradient.
Aracı aç
Tasarım
Çok renkli CSS gradyan oluşturucu
Çok renkli CSS gradyan oluşturucu. Girdi: color stops. Çıktı: CSS linear-gradient.
Aracı aç
Tasarım
WCAG kontrast kontrolü
WCAG kontrast kontrolü. Girdi: foreground + background. Çıktı: contrast ratio.
Aracı aç
Tasarım
Okunabilir metin rengi seçici
Okunabilir metin rengi seçici. Girdi: background color. Çıktı: light or dark text choice.
Aracı aç
Tasarım
Renk şeması oluşturucu
Renk şeması oluşturucu. Girdi: base color. Çıktı: color palette.
Aracı aç
Tasarım
İki renk karıştırıcı
İki renk karıştırıcı. Girdi: 2 colors. Çıktı: mixed color.
Aracı aç
Tasarım
Renk tonları oluşturucu
Renk tonları oluşturucu. Girdi: base color. Çıktı: lighter and darker shades.
Aracı aç
Tasarım
CSS box-shadow oluşturucu
CSS box-shadow oluşturucu. Girdi: CSS parameters. Çıktı: CSS box-shadow.
Aracı aç
Tasarım
CSS text-shadow oluşturucu
CSS text-shadow oluşturucu. Girdi: text + shadow parameters. Çıktı: CSS text-shadow.
Aracı aç
Tasarım
CSS border-radius oluşturucu
CSS border-radius oluşturucu. Girdi: corner values. Çıktı: CSS border-radius.
Aracı aç
Tasarım
CSS görsel filtresi oluşturucu
CSS görsel filtresi oluşturucu. Girdi: image preview. Çıktı: CSS filter.
Aracı aç
Tasarım
Glassmorphism oluşturucu
Glassmorphism oluşturucu. Girdi: background and panel parameters. Çıktı: CSS.
Aracı aç
Tasarım
CSS arka plan deseni oluşturucu
CSS arka plan deseni oluşturucu. Girdi: colors and pattern settings. Çıktı: CSS background.
Aracı aç
Tasarım
SVG bölüm ayırıcı oluşturucu
SVG bölüm ayırıcı oluşturucu. Girdi: shape parameters. Çıktı: SVG.
Aracı aç
Tasarım
Paletten CSS değişkenleri oluşturma
Paletten CSS değişkenleri oluşturma. Girdi: palette. Çıktı: CSS custom properties.
Aracı aç
Tasarım
Renk paletini dışa aktarma
Renk paletini dışa aktarma. Girdi: palette. Çıktı: CSS, JSON, SVG, PNG.
Aracı açRenk ve tasarım için çevrimiçi araçlar
Hesap açmam gerekir mi?
Hayır. Araçların temel özellikleri kayıt olmadan kullanılabilir.
GGMet dosyalarımı kaydeder mi?
Hayır. Seçilen dosyalar yalnızca istenen sonucu oluşturmak için kullanılır ve GGMet tarafından kaydedilmez.
İşleme sınırını ne belirler?
Pratik sınır dosya boyutuna, seçilen işleme ve cihazınızdaki kullanılabilir belleğe bağlıdır.