Kod Araçları, 7 araç

Çeviriciler, 4 araç

Metin Araçları, 5 araç

Renk Araçları, 2 araç

Üreteçler, 3 araç

Resim Araçları, 4 araç

PDF Araçları, 6 araç

Hesaplama, 4 araç

Açık araçlar · 0

Hakkında

Renk Seçici

Renk karesinde sürükleyin, doğrudan ekrandan seçin ya da herhangi bir biçimde yazılmış bir rengi yapıştırın; renk on bir biçimde geri okunur ve her biri tek tıkla kopyalanır. Sıradan bir ekranın gösteremeyeceği bir renk, CSS Color 4’ün belirttiği gibi gösterilebilen en yakın renge getirilir; metin olarak kontrastı da WCAG’a göre ölçülür.

Neler yapar

  • Renk tonu ve opaklık sürgüleriyle bir renk karesi; Chrome ve Edge’de damlalık (Ekrandan seç).
  • Herhangi bir biçimde yapıştırılan renkler: hex, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color(display-p3), 148 CSS adı, hsv(), cmyk(), 0xAARRGGBB.
  • HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab ve LCH, Display P3 ve CMYK olarak geri okunur, en yakın CSS adıyla.
  • Dokuz açık ton ve dokuz koyu ton.
  • Beyazda, siyahta ve seçtiğiniz bir arka planda WCAG 2 kontrastı: AA, AAA ve büyük metin.
  • Geniş renk gamlı bir renk sRGB’ye eşlenir, bunu belirten bir notla.
  • Seçtiğiniz renkler ziyaret boyunca saklanır; Palet oluştur, birini Palet Oluşturucu’ya verir.

Nasıl kullanılır

  1. Karede, damlalıkla ya da yapıştırarak bir renk seçin.
  2. Kodunuzun istediği biçimde kopyalayın.
  3. Üzerinde duracağı arka planla kontrastını denetleyin.
  4. Ondan bir palet kurmak için Palet oluştur düğmesine basın.

Neleri yapmaz

  • Resimdeki renkler: Palet Oluşturucu bir fotoğrafın ana renklerini bulur.
  • Adres çubuğunda renk: adres pencereyi taşır, penceredekini değil.
  • APCA kontrastı: WCAG 3’e aittir, o da hâlâ taslaktır; denetimler WCAG 2’ye göre yapılır.

Sorular

OKLCH nedir?

Bir rengi, gözün gördüğüne uyan açıklık, kroma ve ton ile yazma biçimi; L değeri aynı olan iki renk eşit açık görünür. CSS destekler, Tailwind 4 paletini bununla yazar.

Display P3 rengim neden değişti?

Çünkü sRGB onu gösteremez. CSS Color 4’ün belirttiği gibi kroma azaltılarak gösterilebilen en yakın renge getirildi; araç bunu yaptığında söyler.

Ne kadar kontrast gerekir?

AA düzeyinde normal metin için 4,5:1, büyük metin için 3:1; AAA düzeyinde 7:1 ve 4,5:1.

Damlalık Firefox’ta ya da Safari’de çalışır mı?

Hayır. EyeDropper API yalnızca Chrome, Edge ve Opera’dadır; diğer tarayıcılarda araç bunu söyler.

Buradaki her şey tarayıcınızda çalışır. Yazdığınız, yapıştırdığınız ya da açtığınız hiçbir şey yüklenmez; hesap da sıra da yoktur. Bu nasıl oluyor.

Tek bir iş için

  • HEX’ten RGB’ye: Bir hex renk kodu rgb() ya da rgba() olarak, kısa kodlar ve alfa dahil.
  • RGB’den HEX’e: Bir rgb() rengi hex kodu olarak; altı hane ya da alfayla sekiz.

Sık birlikte kullanılanlar

Bütün araçlarutilbrew hakkındaGizlilik