Her tasarımcı ve geliştirici renk formatları arasında geçiş yaparken bu engellerle karşılaşır.
Tasarım araçları HEX çıkarır, CSS HSL bekler, baskı ise CMYK gerektirir. Güvenilir bir renk dönüştürücü olmadan manuel tahmin yapar ya da siteden siteye atlar ve değerli çalışma zamanınızı boşa harcarsınız.
RGB'yi elle HSL'e çevirmek trigonometri gerektirir. Formüldeki tek bir rakam hatası renk tonunuzu 180° döndürür. Color Math tüm hesaplamaları anında ve hatasız yapar.
Çoğu renk seçici WCAG 2.1 kontrast gereksinimlerini görmezden gelir. Color Math kontrast oranlarını anında gösterir; böylece erişilebilirlik ilk renk seçiminden itibaren tasarımınıza dahil olur.
Renk Önizlemesi
#3B82F6
rgb(59, 130, 246)
Current
Tamamlayıcı
Analog
Triadik
Yüklemek için bir tona tıklayın
White text on color
Black text on color
Kaydedilen renkler burada görünür
Tüm sistemler için tek bir renk dönüştürücü. Color Math birden fazla aracın yerini alır.
Herhangi bir alanı düzenleyin — HEX, RGB, HSL veya CMYK — Color Math diğer tüm formatları anında yeniden hesaplar. Onay gerekmez.
R, G, B, H, S, L, C, M, Y, K kaydırıcılarını sürükleyin ve tüm formatların canlı güncellenişini izleyin. Klavyeye dokunmadan renkleri inceden ince ayarlayın.
Color Math seçtiğiniz renkten tamamlayıcı, analog ve triadik paletler oluşturur. Herhangi bir tona tıklayarak anında yükleyin.
Beyaz ve siyah arka planlardaki kontrast oranlarına tek bakışta göz atın. Color Math AA, AAA veya Başarısız etiketini gösterir — varsayılan olarak erişilebilir tasarım için.
Kaydedilen her renk oturumlar arasında tarayıcınızda saklanır. Color Math daha sonra incelemek ve karşılaştırmak için en fazla 10 son rengi tutar.
Color Math'ın tüm hesaplamaları tamamen tarayıcınızda çalışır. Hiçbir veri iletilmez, hesap gerekmez — renkleriniz yalnızca sizindir.
Tasarım ile kod arasındaki köprüden baskı ve erişilebilirliğe kadar — Color Math renk iş akışınızın her adımına uyar.
Figma'dan bir HEX aldınız mı? Color Math'a yapıştırın ve CSS özel özellikleri için HSL karşılığını anında elde edin. Tasarım dosyasını yeniden açmadan hover ve focus durumları için parlaklığı ayarlayın.
Color Math, ekran grafik RGB'nizi teorik CMYK değerlerine dönüştürerek dosyayı matbaaya göndermeden önce gamut dışı kırmızı ve turuncuları tespit etmenizi sağlar. Ek maliyet olmadan sürprizlerin önüne geçin.
Color Math, beyaz ve siyaha karşı WCAG 2.1 kontrast oranlarını gerçek zamanlı hesaplar. Metin renginizin AA veya AAA gereksinimlerini karşılayıp karşılamadığını anında öğrenin — ek araç gerektirmez.
Herhangi bir rengi dönüştürmek, keşfetmek ve kaydetmek için üç adım.
Bir HEX kodu yazın (#f00 gibi kısaltmalar otomatik genişler) veya başlamak için bir kaydırıcıyı sürükleyin. Color Math aynı anda HEX, RGB, HSL ve CMYK girişlerini kabul eder.
Kaydırıcılarla ayar yapmak için RGB, HSL ve CMYK sekmeleri arasında geçiş yapın. Color Math'ın oluşturduğu tamamlayıcı, analog ve triadik renkleri görmek için Palet paneline kaydırın.
İstediğiniz formatı almak için Kopyala düğmesine tıklayın. Geçerli tonu geçmişe eklemek için Kaydet'e basın. Color Math oturumlar arasında en fazla 10 rengi saklar.
Color Math ve renk dönüştürme hakkında en çok sorulan soruların yanıtları.
Color Math, HEX, RGB, HSL ve CMYK renk kodlarını gerçek zamanlı dönüştüren ücretsiz, tarayıcı tabanlı bir renk dönüştürücüdür. Aynı zamanda renk paleti (tamamlayıcı, analog, triadik) oluşturur ve WCAG 2.1 kontrast oranlarını hesaplar — sunucuya istek göndermeden.
Color Math, iyi bir teorik tahmin sunan standart matematiksel dönüşüm formülünü (RGB → CMYK) kullanır. Ancak gerçek baskı çıktısı yazıcıya, mürekkeplere, kağıda ve ICC renk profiline bağlıdır. Color Math'ı referans olarak kullanın; profesyonel baskı rengi yönetiminin bir alternatifi değildir.
WCAG 2.1, metin okunabilirliği için minimum kontrast oranları tanımlar. AA, normal metin için 4,5:1 ve büyük metin için 3:1 gerektirir. AAA, normal metin için 7:1 gerektirir. Color Math bu oranları saf beyaz ve saf siyaha karşı hesaplayarak uygun arka planı seçmenize yardımcı olur.
HSL (Ton, Doygunluk, Parlaklık), CSS'in renkleri tanımlama biçimiyle ve tasarımcıların açık ve koyu tonları düşünme şekliyle daha doğal uyum sağlar. HSL'de %50 Parlaklık bir tonun en saf versiyonunu verir; bu da yalnızca bir değeri ayarlayarak daha açık veya koyu varyantlar oluşturmayı kolaylaştırır.
Color Math, renklerinizi yalnızca tarayıcınızın localStorage'ına kaydeder — asla bir sunucuya göndermez. Geçmiş, cihazınıza ve tarayıcı profilinize yerel olarak kaydedilir. Tarayıcı verilerinizi temizlemek bu geçmişi siler.
Color Math, HSL renk teorisini kullanarak palet renklerini hesaplar. Tamamlayıcı renkler renk çemberinde 180° karşısındadır. Analog renkler ±30° konumundadır. Triadik renkler +120° ve +240° konumundadır. Doygunluk ve parlaklık kaynak renkle aynı kalır; bu da görsel açıdan tutarlı bir palet oluşturur.
Evet. Color Math tamamen duyarlı bir tasarıma sahiptir. Kaydırıcılar, giriş alanları ve palet ızgarası küçük ekranlara uyum sağlar. Tüm hesaplamalar yerel olarak yapıldığından mobil ağlarda herhangi bir gecikme yaşanmaz.
Kayıt gerekmez. İlk yüklemeden sonra çevrimdışı çalışır.
