Renk seçici (HEX, RGB, HSL, OKLCH)
Doygunluk–parlaklık karesinden renk seçin veya HEX, RGB, HSL ya da OKLCH yazın. Tüm formatlar senkron kalır; tint/shade skalası, damlalık (Chromium) ve CSS/JSON dışa aktarma ile.
Renk nasıl seçilir ve dışa aktarılır
1. Karede ve ton kaydırıcısında sürükleyin veya HEX/RGB/HSL/OKLCH yapıştırın.
2. Çubuktaki senkron HEX, RGB, HSL ve OKLCH değerlerini okuyun.
3. Gölgeye veya uyum örneğine tıklayarak ilgili renkleri keşfedin.
4. Değeri, ?hex= bağlantısını kopyalayın veya CSS değişkenleri / JSON dışa aktarın.
Renk seçici örnekleri
Marka terracotta #8F665E
HSV seçici hover için koyulaştırırken tonu korur. --color ve --shade-* değerlerini CSS değişkeni olarak dışa aktarın.
Analog pano paleti
Analog’u seçerek ±30° ve ±60° tonlar alın. Şeridi kartlar ve grafikler için custom property olarak kopyalayın.
Eşit adımlar için OKLCH
Skala OKLCH açıklığını değiştirir; HEX’i beyazla karıştırmaktan daha eşit görünür. Modern CSS’te oklch() kullanın.
Bu aracı ne zaman kullanmalısınız
• UI renkleri seçerken HEX, RGB, HSL ve OKLCH’ye bir arada ihtiyaç duyduğunuzda.
• Tek bir marka tonundan hover/muted gölgeler ürettiğinizde.
• Küçük bir paleti (uyum + rampa) CSS değişkenlerine aktardığınızda.
UI paletleri için uyumlar
Tamamlayıcılar 180° uzaktadır — güçlü kontrast, CTA’da idareli kullanın. Analog tonlar (±30–60°) panoyu birleştirir. Üçlü ve dörtlü daha fazla çeşitlilik verir; ekstra renklerin doygunluğunu düşürün ki primary önde kalsın. Metni WCAG kontrast denetleyicisiyle kontrol edin.
Sık sorulan sorular
HEX vs RGB vs HSL vs OKLCH?
HEX ve RGB aynı sRGB renktir. HSL ton/açıklık ayarı için uygundur. OKLCH algısaldır: benzer L adımları daha eşit görünür ve oklch() geçerli modern CSS’tir.
Damlalık her tarayıcıda çalışır mı?
EyeDropper API Chromium’da (Chrome, Edge) vardır. Diğerlerinde değer yazın veya görsel seçiciyi kullanın.
Rengi paylaşabilir miyim?
Evet. URL ?hex=RRGGBB ile güncellenir. Aynı rengi açmak için bağlantıyı kopyalayın.
Renkler sunucuya gider mi?
Hayır. Dönüşüm, uyumlar ve dışa aktarma tarayıcıda yerel çalışır.