Online Renk Seçici: Çark & Dönüştürücü (HEX, RGB, LCH)
İster CSS stillerini ayarlayan bir web tasarımcısı, ister logo için mükemmel tonu arayan bir grafiker, ister sadece favori renginizin kodunu hızlıca öğrenmek isteyen biri olun, gelişmiş renk seçici aracımız (Color Picker) sizin için burada.
Zahmetli Photoshop’u çalıştırmayı veya tarayıcı eklentileri aramayı unutun. Burada, anında çalışan, tüm formatları destekleyen ve çalışmanızı hatırlayan eksiksiz bir renk laboratuvarına sahipsiniz.
Neden Bu Renk Seçici Aracını Kullanmalısınız?
Widget’ımız sadece sıradan bir renk çarkı değildir. Maksimum üretkenlik ve doğruluk için tasarlanmıştır.
1. Tüm Formatlar Tek Çatı Altında 🎨
HEX’i RGB’ye dönüştürmeniz mi gerekiyor? Yoksa modern HSL ile mi çalışıyorsunuz? Aracımız, kullanılan tüm standartlar arasındaki değerleri otomatik olarak ve gerçek zamanlı olarak dönüştürür.
- HEX: HTML ve CSS için (örn.
#ff5733). - RGB: Dijital ekranlar ve grafik yazılımları için.
- HSL & HSV: Renk paletleri oluştururken takdir edeceğiniz doygunluk ve parlaklığın sezgisel ayarları için.
2. Akıllı Geçmiş ve Ön Ayarlar 🕒
Mükemmel rengi bulup yanlışlıkla kaybettiğinizde hiçbir şey bundan daha sinir bozucu değildir.
- Otomatik Geçmiş: Araç, üzerinde çalıştığınız son renkleri hatırlar (sayfayı yenileseniz bile).
- Hızlı Ön Ayarlar: Hızlı başlangıç için size temel renklerden oluşan bir set hazırladık.
3. Sezgisel Sürükle ve Bırak Kontrolü 🖱️
Kontrol pürüzsüz ve hassastır. Fare veya mobil cihazda dokunarak şunları yapabilirsiniz:
- Büyük renk çarkında tonu değiştirebilirsiniz.
- Ayrıntılı kare üzerinde doygunluk ve parlaklığı ince bir şekilde ayarlayabilirsiniz.
- Veya doğrudan kesin bir değer girip aracın geri kalanını hesaplamasına izin verebilirsiniz.
Renk Modelleri Rehberi: Hangisini Ne Zaman Kullanmalı?
Dijital renklerin dünyası kafa karıştırıcı olabilir. Projeniz için hangi formatı seçeceğinizi bilmeniz için hızlı bir genel bakış.
| Format | Tam Adı | Ne Zaman Kullanmalı? |
|---|---|---|
| HEX | Onaltılık | Web için standart. Tarayıcılar tarafından kullanılan altı karakterli bir kod (örn. #000000). En kısa ve en kolay kopyalanabilen formattır. |
| RGB | Kırmızı, Yeşil, Mavi | Ekranlar ve Görüntüleyiciler. Ne kadar kırmızı, yeşil ve mavi ışığın yanacağını belirler. Değerler 0–255 arasındadır. |
| HSL | Ton, Doygunluk, Parlaklık | İnsan Algısı. Tasarımcılar için en iyisi. Rengi “biraz daha açık” veya “daha az doygun” mu istiyorsunuz? HSL’de sadece yüzdeleri değiştirirsiniz, HEX’te ise tahmin etmeniz gerekirdi. |
| HSV | Ton, Doygunluk, Değer | Grafik Yazılımları. HSL’ye benzer, ancak genellikle Photoshop veya GIMP gibi araçlarda renk seçimi için kullanılır. |
| LCH | Parlaklık, Renk Doygunluğu, Ton | Modern Hassasiyet. “Algısal olarak tekdüze” olarak adlandırılır. HSL’nin, aynı değerde sarının maviden daha parlak görünmesi hatasını giderir. LCH’de sayıların değişimi, insan gözünün değişikliği algılama şekline tam olarak karşılık gelir. Tasarım sistemleri ve erişilebilirlik için idealdir. |
Renk Seçici ile Nasıl Etkili Çalışılır?
- Kaba Seçim: Temel tonu (Hue) seçmek için renk çemberine tıklayın.
- İnce Ayar: Ortadaki karede doygunluğu (sağa/sola hareket) ve parlaklığı (yukarı/aşağı hareket) ayarlayın.
- Manuel Giriş:
#3498dbgibi belirli bir kodunuz mu var? Bunu HEX alanına yapıştırın. Araç anında bir önizleme gösterecek ve RGB ile HSL değerlerini yeniden hesaplayacaktır. - Kopyalama: Kopyalama simgesine tek tıklayarak sonuç kodunu panoya kaydedin.
- Zamanı Geri Alma: Bir süre önce kullandığınız bir renge mi ihtiyacınız var? Alt kısımdaki Renk Geçmişi bölümüne bakın.