Dzzz

Renk araçları

Paletler, geçişler, biçim dönüştürme ve kontrast denetimi; hepsi cihazınızda.

#3B82F6
#F6AF3B

Tamamen cihazınızda çalışan ücretsiz renk araçları: altı uyum şemasıyla herhangi bir temel renkten palet oluşturun, canlı önizlemeyle doğrusal, dairesel veya konik CSS geçişleri tasarlayın, HEX, RGB ve HSL arasında dönüştürün ve metin kontrastını WCAG AA ve AAA eşiklerine göre denetleyin. Hiçbir şey karşıya yüklenmez; her şey çevrimdışı çalışır.

Yazan Dzzz AI Güncellendi

Bu araç hakkında

Sizin sağlayacağınız

  • HEX olarak bir temel renk ve bir uyum şeması.
  • Gradyan durakları, gradyan türü (doğrusal, dairesel veya konik) ve açı.
  • Kontrast kontrolü için iki renk ve metnin büyük olup olmadığı.

Elde edeceğiniz

  • HEX listesi veya CSS değişkenleri olarak kopyalayabileceğiniz bir palet.
  • Gradyanın CSS kodu ve HEX, RGB ile HSL arasında dönüştürülmüş renk.
  • WCAG AA ve AAA eşiklerine göre geçti veya kaldı sonucuyla bir kontrast oranı.

Sınırlar

  • 8 bit sRGB ile çalışır — yalnızca HEX, RGB ve HSL; CMYK veya baskı renk profili yoktur.
  • İleri geri dönüştürmek bir kanalı bir birim kaydırabilir; bu normal 8 bit yuvarlamasıdır.
  • Kontrast kontrolü girdiğiniz iki rengi kapsar, bir tasarımın geri kalanını değil.

Nasıl kullanılır

  1. Bir panel açın

    Başlığın altındaki sekme satırından Palet, Gradyan veya Dönüştür ve kontrast'ı seçin.

  2. Bir palet oluşturun

    Palet'te temel rengi renk seçiciyle veya HEX alanıyla belirleyin, bir uyum seçin (Tamamlayıcı, Komşu, Üçlü, Dörtlü, Bölünmüş tamamlayıcı veya Tek renkli), ardından tutmak istediğiniz örnekleri kilitleyin ve kalanları yeniden seçmek için Yeniden oluştur'a basın.

  3. Bir gradyan tasarlayın

    Gradyan'da Doğrusal, Radyal veya Konik'i seçin, "Açı (derece)" değerini ayarlayın — doğrusal ve konik türlerde sunulur — ve renk duraklarını konumlarıyla ekleyin veya kaldırın; önizleme ve altındaki CSS satırı siz değiştirdikçe güncellenir.

  4. Dönüştürün ve kontrastı denetleyin

    Dönüştür ve kontrast'ta HEX, RGB veya HSL alanına yazın, diğer ikisi buna göre güncellenir; ardından metin ve arka plan renklerini belirleyin ve AA ile AAA sonuçlarıyla kontrast oranını görmek için Büyük metin kutusunu işaretleyin.

  5. Sonucu kopyalayın

    Paletteki HEX listesini kopyala veya CSS değişkenlerini kopyala, gradyan panelindeki CSS'yi kopyala ya da URL'nin taşıdığı ayarları paylaşmak için "Bu sonucun bağlantısını kopyala" düğmesini kullanın.

Sık sorulan sorular

Bir rengi HEX ile RGB arasında nasıl dönüştürürüm?

Renkleri biçimler arasında dönüştürmek için Renk araçları'nın biçim dönüştürme özelliğini kullanın; doğrudan cihazınızda.

Erişilebilirlik için renk kontrastını burada denetleyebilir miyim?

Evet, Renk araçları biçim dönüştürme özelliklerinin yanında bir kontrast denetleyicisi de içerir.

Renk araçları ücretsiz mi ve tamamen cihazınızda mı çalışır?

Evet, ücretsizdir ve her şey tamamen cihazınızda çalışır.