Toplu Renk Adlandırıcı

Tasarım tokenlarını, paletleri veya ekran görüntüsü seçimlerini tek seferde adlandırmak için bir dizi değer yapıştırın (her satırda bir tane — #hex veya rgb()) — 32.258 açık adlandırılmış renkten, 659 Çin geleneksel renginden ve 184 Japon geleneksel renginden en yakın eşleşmeler.

Renkleri üç adımda adlandırın - yapıştırın, adlandırın, kopyalayın

Toplu iş başına 32 değere kadar, her biri en yakın adlandırılmış renge, geleneksel renge ve kopyalanmaya hazır bir değişken adına eşleştirilir.

01
Değerleri yapıştırın
Her satırda bir tane — #hex veya rgb(). Doğrudan tasarım spesifikasyonlarından, ekran görüntüsü seçimlerinden veya mevcut tokenlerden kopyalayın.
02
Adları okuyun
Her değer, ΔE mesafesi ile en yakın adlandırılmış renk, ayrıca geleneksel ve Japon geleneksel eşleşmeleri ve daha fazla aday alır.
03
Kopyala ve gönder
Kopyalamak için bir adı veya kebab-case etiketini tıklayın — CSS değişkenleri veya tasarım token adları için hazır.

Renk adlandırma SSS

Adlandırma kütüphanesi ve değişken adları hakkında üç soru.

Adlar nereden geliyor?: 32.258 açık adlandırılmış renk (meodai/color-names, xkcd anketi ile birleştirildi) artı 659 Çince geleneksel ve 184 Japon geleneksel renk, CIEDE2000 mesafesi ile eşleştirildi.
ΔE sayısını nasıl okurum?: ΔE, en yakın adlandırılmış renge olan algısal mesafedir: 0 tam eşleşme anlamına gelir, 5'in altı görsel olarak ayırt edilemez, 10'un üzerindeki renk adlandırılmış komşular arasında bir boşlukta bulunur.
Değişken adları nasıl oluşturulur?: En yakın Latin adı kebab-case'e dönüştürülür (Tropical Blue → tropical-blue). Çince geleneksel adlar etiket olarak kalır — tokenlar için karşılık gelen Latin adı kullanın.

Adlandırmadan sonra

Gölgeler aracında ana renkler için 11 adımlı bir ölçek oluşturun veya anlamsal tema oluşturucuda tam UI rolleri oluşturun.

OKLCH Editörü

Canlı önizleme ve oklch() / HEX / RGB çıktısı ile algısal olarak tekdüze OKLCH alanında L / C / H ayarlayın.

OKLCH Uyumlayıcı

Her bir renk örneği L/C/H ince ayarı ve canlı kontrast ile altı algısal olarak tekdüze uyum.

12 Renk Ailesi

Tam okuma için herhangi bir aileyi açın.

Toplu Renk Adlandırıcı

Renkleri üç adımda adlandırın - yapıştırın, adlandırın, kopyalayın

Toplu iş başına 32 değere kadar, her biri en yakın adlandırılmış renge, geleneksel renge ve kopyalanmaya hazır bir değişken adına eşleştirilir.

Değerleri yapıştırın

Her satırda bir tane — #hex veya rgb(). Doğrudan tasarım spesifikasyonlarından, ekran görüntüsü seçimlerinden veya mevcut tokenlerden kopyalayın.

Adları okuyun

Her değer, ΔE mesafesi ile en yakın adlandırılmış renk, ayrıca geleneksel ve Japon geleneksel eşleşmeleri ve daha fazla aday alır.

Kopyala ve gönder

Kopyalamak için bir adı veya kebab-case etiketini tıklayın — CSS değişkenleri veya tasarım token adları için hazır.

Renk adlandırma SSS

Adlandırma kütüphanesi ve değişken adları hakkında üç soru.

Adlar nereden geliyor?

32.258 açık adlandırılmış renk (meodai/color-names, xkcd anketi ile birleştirildi) artı 659 Çince geleneksel ve 184 Japon geleneksel renk, CIEDE2000 mesafesi ile eşleştirildi.

ΔE sayısını nasıl okurum?

ΔE, en yakın adlandırılmış renge olan algısal mesafedir: 0 tam eşleşme anlamına gelir, 5'in altı görsel olarak ayırt edilemez, 10'un üzerindeki renk adlandırılmış komşular arasında bir boşlukta bulunur.

Değişken adları nasıl oluşturulur?

En yakın Latin adı kebab-case'e dönüştürülür (Tropical Blue → tropical-blue). Çince geleneksel adlar etiket olarak kalır — tokenlar için karşılık gelen Latin adı kullanın.