Color Picker

Renkleri seçin ve işe koyulun — zahmetsizce

Color Picker’ı 2025’te, hantal uygulamalardan ve gereğinden fazla karmaşık renk araçlarından bıktığımız için geliştirdik. Front-end geliştiriciler ve illüstratörler olarak bir rengi hızla “yakalamaya”, biraz ayarlayıp yola devam etmeye ihtiyacımız vardı. İç araç olarak başladı, ekipte favori oldu; cilalayıp herkes için web’e açtık. Hesap yok, öğrenme eğrisi yok — sayfayı açın, bir ton seçin ve HEX, RGB, HSL veya HSV kodlarını kopyalayın.

Renk seçicimiz neden seviliyor

Bir tasarıma bakıp “tam o tonu nasıl yakalarım?” diye düşündüyseniz, Color Picker’ın sadeliğini seveceksiniz. Arayüzü bilerek minimalist tuttuk:

• Tek tık — renk sizin — paletin herhangi bir yerine dokunun, ihtiyaç duyduğunuz değerler anında görünsün. Fotoğraf veya ekran görüntüsünden örnek mi lazım? Dosyayı sayfaya bırakın ve damlalığı kullanın.
• Gradyanlar zahmetsiz — ipek gibi geçişler için çubuk üzerindeki durakları ekleyip taşıyın. Doğrusal/radyal arasında geçiş yapın, açı ve opaklığı ince ayarlayıp CSS’i kopyalayın.
• Sınır yok, ücret yok — Color Picker masaüstü, tablet ve telefonda tüm modern tarayıcılarda çalışır. Kurulum yok, ücret yok.
• Gerektiğinde eklentiler — isteğe bağlı Chrome ve Edge eklentilerimiz damlalığı doğrudan tarayıcınıza getirir; herhangi bir sayfadan örnek alın, geçmişi saklayın.

Ne için

Color Picker insanlar tarafından farklı şekillerde kullanılır:

• Tasarımcılar ve ürün ekipleri arayüz taslakları veya marka paletleri üzerinde çalışırken kullanır. Kombinasyonları keşfetmek ve gradyanlar için CSS kopyalamak hızlıdır.
• İllüstratörler ve sanatçılar fotoğraflar ve resimlerden ilham almak için damlalığı kullanır. Gradyan aracı yumuşak gölgeleme ve renk geçişlerini planlamaya yardımcı olur.
• Front-end geliştiriciler projeler arasında tutarlı renk değerleri üretmek için güvenir. Eklenti, mevcut sitelerden örnek almayı kolaylaştırır.
• Erişilebilirlik denetimi yapanlar renkleri farklı modellerde görüp opaklığı, kontrast yönergeleri karşılanana kadar ayarlayabilir.

Başlarken

Kılavuza gerek yok — işte hızlı bir özet:

• Bir renk seçin — paletin herhangi bir yerine tıklayın. HEX, RGB ve HSV değerleri anında görünür. Ton, doygunluk, parlaklık ve opaklığı kaydırıcılarla ince ayarlayın.
• Görselden örnek alın — bir görsel dosyasını sayfaya sürükleyip bırakın ya da seçin. İstediğiniz piksele tıklayın, renk kodları görünsün.
• Gradyan oluşturun — gradyan çubuğuna tıklayıp duraklar ekleyin ve sürükleyin; doğrusal ile radyal arasında geçiş yapın. Açı ve opaklığı mükemmele kadar ayarlayın.
• Kopyalayın ve yeniden kullanın — renkleriniz ve gradyanlarınız otomatik kaydedilir. Kodları veya CSS’i kopyalayıp projeye yapıştırın, ekibinizle paylaşın.