Görsel Sıkıştırmada Format, Kalite ve Dosya Boyutu Rehberi | GoToolstack
JPEG, WebP ve PNG formatlarının kalite, şeffaflık ve dosya boyutu farkları. Tarayıcı Canvas kodlamasından gerçek ölçümler ve format seçimi rehberi.
Renk kodlarını HEX, RGB, HSL, HSV, CMYK ve OKLCH arasında anlık ve karşılıklı dönüştürün.
Dijital ekranlar (web ve mobil) ile fiziksel matbaa baskısı arasında çalışan tasarımcılar ve yazılımcılar için renk kodlarını doğru uzaylar arasında dönüştürmek en kritik teknik görevlerden biridir. Monitörler renkleri ışığın toplanması esasına dayanan RGB (Kırmızı, Yeşil, Mavi) ve HEX formatında gösterirken; matbaa makineleri mürekkebin ışığı soğurması prensibine dayanan CMYK (Camgöbeği, Macenta, Sarı, Siyah) 4 renkli baskı modelini kullanır. Yanlış bir renk dönüşümü ekranda canlı görünen bir logonun baskıda soluk ve mat çıkmasına neden olur.
Örneğin bir kurumsal kimlik kılavuzunda yer alan #E63946 (canlı kırmızı) rengini ele alalım. Araç bu kodu anında web yazılımcısının kullanacağı RGB(230, 57, 70) ve CSS animasyonları için ideal olan HSL(355°, %78, %56) formatına çevirir. Matbaa grafikerinin katalog basabilmesi için gerekli olan 4 renkli subtraktif karşılığını CMYK(%0, %75, %70, %10), modern web ve CSS Color 4 standartları için ise algısal homojen OKLCH(0.550 0.220 25.5) formatında hesaplar. Kullanıcı alfa (şeffaflık) sürgüsünü kullanarak RGBA ve HSLA CSS kodlarını da anında üretebilir.
Tüm renk uzayı dönüşüm algoritmaları ve matematiksel matrisler tamamen tarayıcınızın içinde çalışır. Şirketinizin kurumsal renk kodları, gizli marka projeleriniz veya tasarım değerleriniz hiçbir harici sunucuya iletilmez.
RGB → HSL: L = (Maks + Min)/2 | S = (Maks - Min)/(1 - |2L - 1|) | RGB → OKLCH: Doğrusal sRGB ➔ Oklab (L, a, b) ➔ Polar (L, C, H)
sRGB koordinatları [0, 1] aralığına normalize edilir; insan algısına dayalı silindirik HSL/HSV açıları, matbaa için CMYK mürekkep yoğunlukları ve algısal homojen OKLCH koordinatları hesaplanır.