Renkleri her yöne anında dönüştürün
Bir renk dönüştürücü yalnızca yaptığınız her notasyonu söylüyorsa kullanışlıdır. Bu araç, HEX'i RGB'ye ve geriye dönüştürür ve ayrıca HSL, HSV (HSB olarak da bilinir) ve CMYK arasında köprü kurar - üstelik hepsi aynı anda ve gerçek zamanlı olarak. #3b82f6 gibi bir HEX yazın ve hemen rgb(59, 130, 246), hsl(217, %91, %60), hsv(217, %97, %96) ve cmyk(76%, %47, %0, %4) değerlerini elde edersiniz. Herhangi bir alanı değiştirdiğinizde diğerleri de onu takip eder, böylece işe uygun modeli seçebilirsiniz: İşaretleme için HEX, tuval ve degradeler için RGB, sezgisel hafiflik ve doygunluk ayarlamaları için HSL/HSV ve tasarım baskıya girdiğinde CMYK.
HEX'ten RGB, HSL, HSV ve CMYK'ye matematik olmadan
Temel olarak dönüştürücü, her girişi tek bir RGB üçlüsüne normalleştirir, ardından diğer alanları türetmek için standart sRGB formüllerini uygular - aynı matematik tarayıcıları ve tasarım araçları kullanır, böylece sayılar Figma, Photoshop veya Chrome DevTools'ta gördüklerinizle eşleşir. Aynı zamanda kısayol HEX'i (#fff), alfa ile 8 basamaklı HEX'i (#3b82f6aa), rgb()/rgba(), hsl()/hsla() ve koyu kırmızı, deniz mavisi ve altın gibi yaygın CSS adlı renkleri anlar; böylece hiçbir zaman bir formülü ezberlemenize veya sekmeleri değiştirmenize gerek kalmaz. Her formatta bir kopyalama düğmesi bulunur ve büyük önizleme renk örneği, renginizi gerçek bir arka planda gösterir, böylece bir bakışta sağlığını kontrol edebilirsiniz.
Armoniler ve rampalarla daha iyi paletler tasarlayın
Tek bir renk seçmek kolaydır; Tutarlı bir palet oluşturmak zor kısımdır. Dönüştürücü, doğrudan projenize bırakabileceğiniz tıklanabilir renk örnekleri olarak renk teorisi kurallarından (tamamlayıcı (tekerlek üzerinde zıt), analog (komşular), üçlü ve dörtlü (eşit aralıklarla)) renk armonileri üretir. Açıklık rampası, aynı ton ve doygunlukta siyaha yakından beyaza yakına doğru yürür ve size tasarımcıların fareyle üzerine gelme, kenarlık ve devre dışı durumlarına ihtiyaç duyduklarında ulaşabilecekleri renk tonlarını ve gölgeleri verir. İki renkli bir karıştırıcı, aralar oluşturmak için herhangi bir çifti seçilen oranda karıştırmanıza olanak tanır ve ince ayar satırı, tek tıklamayla tonu açmanıza, koyulaştırmanıza, doygunlaştırmanıza, doygunluğunu azaltmanıza veya döndürmenize olanak tanır.
Erişilebilirlik ve gizlilik yerleşik
İyi renk okunabilir renktir. Dönüştürücü, renginizin hem beyaza hem de siyaha karşı WCAG kontrast oranını gösterir ve AA (4,5:1) ve AAA (7:1) uyumluluğunu işaretler, böylece düşük kontrastlı metni gönderilmeden önce yakalayabilirsiniz; bu, özel kontrast denetleyicinin doğal bir tamamlayıcısıdır. Ve her şey tarayıcınızda yerel olarak çalıştığından, renkleriniz asla cihazınızdan ayrılmaz: yükleme, hesap ve izleme yoktur; bu, araç anında kalırken markanın ve müşterinin çalışmasının gizli kalmasını sağlar.
- 01
- Çift yönlü HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK, alfa ile
- 02
- Canlı degrade parçalarına sahip etkileşimli RGB, HSL ve alfa kaydırıcıları
- 03
- Yerel renk seçici + tarayıcı
- 04
- Yakın geçmiş + kayıtlı renk örnekleri (tarayıcınızda tutulur)
- 05
- CSS adlandırılmış renk desteği (kırmızı, turkuaz, altın…)
- 06
- Armoniler, renk tonu/gölge rampası + iki renkli karıştırıcı
- 07
- Renk körlüğü önizlemesi (protanopi, döteranopi, tritanopi)
- 08
- Canlı WCAG AA/AAA kontrast rozetleri
- 09
- CSS, Tailwind, SCSS, Swift ve Android için kopyalamaya hazır dışa aktarma
