Renk ve marka tasarım araçları

Görüntülerden paletleri çıkarın, WCAG kontrastını kontrol edin, renk uzaylarını dönüştürün ve CSS gölgeleri oluşturun.

Color Brand Studio, tasarımcıları ve ön uç geliştiricileri aynı hizada tutar: logolardan marka renkleri alın, erişilebilirlik kontrastını doğrulayın ve gölgeler ve degradeler için CSS parçacıklarını dışa aktarın.

Anahtar terimler

Yüklemeden palet
WCAG AA/AAA kontrastı
HEX/RGB/HSL dönüştürme
Kutu gölgesi CSS geni
Degrade hazır ayarları

Nasıl çalışır?

Marka görseli veya logosu yükleyin
Baskın paleti çıkart
Kontrast çiftlerini kontrol edin
CSS değişkenlerini kopyala

Araç kılavuzları

Çevrimiçi Görüntüden Renk Paleti - ücretsiz
Çevrimiçi Renk Kontrastı Denetleyicisi - ücretsiz
Renk Dönüştürücü — HEX RGB HSL
Kutu Gölge Oluşturucu — CSS gölge aracı
Degrade Oluşturucu - CSS doğrusal degradeler

İlgili koleksiyonlar

Ücretsiz görüntü araçları çevrimiçi
Marka ve renk araçları
Ücretsiz resim araçları — yeniden boyutlandırın, sıkıştırın ve dönüştürün

Sık sorulan sorular

WCAG uyumluluğu garanti ediliyor mu?

Kontrast denetleyici WCAG formüllerini takip eder; manuel tasarım incelemesi hâlâ önerilir.

Tüm araçlara göz atın