Renk paletlerini keşfedin, HEX/RGB/HSL kodlarını anında kopyalayın ve uyumlu tonlar bulun.
Kullanıcı arayüzü (UI) tasarımında, web geliştirmede, grafik tasarımda ve marka kurumsal kimlik çalışmalarında renk uyumu estetik başarının temel belirleyicisidir. Profesyonel bir renk seçici yalnızca ekran üzerindeki bir pikselin rengini yakalamakla kalmamalı; seçilen rengin HEX, RGB, HSL ve HSV gibi tüm endüstri standartlarındaki matematiksel değerlerini sunmalı, açık ve koyu ton varyasyonlarını (shades & tints) hesaplamalı ve renk teorisine uygun estetik paletler türetmelidir.
Örneğin bir web tasarımcısı, modern bir fintech arayüzü tasarlarken ana marka rengi olarak koyu lacivert (#0055FF) rengini seçtiğinde; araç anında bu rengin RGB (0, 85, 255) ve HSL (220°, %100, %50) karşılıklarını çıkarır. Renk çarkı üzerinde 180° zıt açıda yer alan tamamlayıcı (complementary) rengi #FF5500 (canlı turuncu) çağrı butonları için önerir. Ayrıca tasarımın derinliğini artırmak için 30° komşu açılardaki benzer (analogous) renkleri ve üçlü (triadic) kontrast renk kodlarını tek ekranda sunar.
Tüm renk uzayı matematiksel dönüşümleri ve palet matrisleri tamamen tarayıcınızın yerel JavaScript motoruyla çalışır. Seçtiğiniz renkler, kurumsal tasarım kodlarınız veya palet kombinasyonlarınız hiçbir harici sunucuya iletilmez.
RGB (0-255) ↔ HEX (#RRGGBB) | Tamamlayıcı Renk Açısı: H_zıt = (H_ana + 180°) mod 360°
RGB renk kanalları iki haneli 16'lık tabana çevrilerek HEX kodu oluşturulur; HSL renk çarkı üzerindeki açısal kaydırmalarla tamamlayıcı, üçlü ve tetradik renk paletleri türetilir.
--primary-color, --accent) olarak projenize yapıştırın.