Ücretsiz renk ve tasarım araçları — seçiciler, paletler, kontrast, degradeler
Web için pratik renk çalışması: HEX/RGB/HSL ile renk seçici, palet ve degrade oluşturucuları, metni okunabilir tutmak için WCAG karşıtlık denetleyicisi, renk körlüğü simülasyonu ve CSS gölge araçları. Tam değer ve erişilebilir seçim gereken tasarımcılar ve ön uç geliştiricileri için tasarlanmış, kopyala-yapıştır için hazır.
Renk Dönüştürücü (HEX, RGB, HSL — anında)
Renkleri canlı önizleme renk örneğiyle HEX, RGB ve HSL arasında dönüştür. Herhangi bir alanı düzenle; diğerleri güncellenir.
Kontrast Kontrolü (WCAG AA / AAA notları)
Metin ile arka plan arasındaki renk kontrast oranını kontrol et. Normal ve büyük metin boyutları için WCAG AA ve AAA geçti/kaldı rozetleriyle canlı önizleme gösterir.
CSS Gradyan Oluşturucu (doğrusal, radyal, konik)
CSS gradyanlarını görsel olarak oluşturun: doğrusal, radyal ve konik. Çoklu renk durakları, açı kontrolü, ön ayarlar. Kopyalamaya hazır CSS.
Renk Paleti Oluşturucu (bir ana renkten 5 şema)
Bir ana renkten uyumlu renk paletleri oluştur: tamamlayıcı, analogous, üçlü, dörtlü, monokromatik. Hex kopyalamak için herhangi bir renk örneğine tıkla.
Renk Körlüğü Simülatörü — Renkleri Başkalarının Gözüyle Görün
Herhangi bir hex renk kodu girin ve o rengin deuteranopi, protanopi, tritanopi ve akromatopsi durumlarında nasıl göründüğünü anında görün. Erişilebilir tasarım için vazgeçilmez araç.
CSS Kutu Gölgesi Oluşturucu (canlı önizleme ile)
CSS box-shadow değerlerini görsel olarak oluşturun. Ofset, bulanıklık, yayılma, renk, opaklık ve inset ayarlayın. Canlı önizleme, kopyala-yapıştır CSS.
CSS Renk Adı Bulucu — Hex Kodundan En Yakın Adlandırılmış Renk
En yakın CSS renk adını bulmak için herhangi bir hex rengi girin. Tam hex değerleri ve mesafe puanıyla en yakın 5 adlandırılmış rengi görün.
Renk Tonu Oluşturucu — Tailwind CSS Stili
Herhangi bir renk için Tailwind CSS ölçeğinde 11 ton ve gölge (50–950) oluşturun. Herhangi bir tona tıklayarak hex kodunu kopyalayın veya tümünü CSS özel özellikleri olarak dışa aktarın.