Slopographic

Slop Colors rehberi

Slop Colors’a başlarken

Slop Colors tek sayfada bir renk seçici, bir palet yapıcı ve bir kontrast denetleyicisidir. Resimler ve paletler tarayıcınızda okunur, hiçbir zaman yüklenmez.

Slop Colors aç

Sayfa

En üstte geçerli renk, HEX, RGB, HSL, OKLCH ve CMYK değerleriyle ve her biri için bir Kopyala düğmesiyle yer alır. Altında dört kart vardır: Bir resimden seç, Palet, Bu renkten üretilen ve Kontrast denetimi.

Sağdaki panelde rengin alanları, bu renkten ne üretileceği, bir resimde kaç renk bulunacağı ve dışa aktarma yer alır. Telefonda altta bir sayfadır: açmak için Ayarlar’a dokunun.

Bir resimden renk seçin

  1. Bir resmi sayfaya bırakın ya da Resim aç…’a tıklayın.
  2. Üzerine gelin ve bir renk seçmek için tıklayın; büyüteç, noktanın altındaki pikselleri gösterir.
  3. Bir pikselle ilerlemek için ok tuşlarını, rengi palete eklemek için Enter’ı kullanın.
  4. Resmin ana renklerini tutmak için Tümünü palete ekle’ye tıklayın.

İpucu: Chrome ve Edge’de Ekrandan seç, ekranınızın herhangi bir yerinden bir renk seçer.

Paleti oluşturun

  1. Geçerli rengi eklemek için Bu rengi palete ekle’ye tıklayın.
  2. Panelde bir Uyum ve bir Ölçek seçin, sonra bir satırın altındaki Palet olarak kullan’ı seçin.
  3. Paletin her rengi altında, ‹ ve › onu taşır, ✎ adlandırır ve × kaldırır.

Kontrastı denetleyin

Bir metin rengi ve bir zemin yazın ya da paneldeki Metin rengi olarak kullan ve Zemin olarak kullan’ı seçin. Oran ve WCAG düzeyleri birlikte görünür; Metin rengini düzelt, AA’yı geçen en yakın rengi bulur.

Dışa aktarın ve saklayın

  1. Paleti adlandırın ve Dışa aktar altında bir Biçim seçin.
  2. Paleti indir, Kodu kopyala ya da Slop Drive’a kaydet…’e tıklayın; Birlikte aç…, dosyayı başka bir uygulamaya gönderir.
  3. Bir paleti yeniden açmak için sayfaya .gpl, .ase, .json ya da .css dosyasını bırakın.