Rengi seçin, kodu alın, işinize dönün
Renk seçici, gradyan kurucu ve görsel damlalığı tek sayfada. Hesap yok, kurulum yok, bekleme yok: bir ton seçin ve HEX, RGB, HSL veya HSV olarak kopyalayın.
Renk kodları
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)Trend renkler
Tüm trend renkleri görİçinde ne var
Damlalık
Yüklediğiniz bir görselden, tarayıcının izin verdiği yerlerde ekrandaki her şeyden renk alın. Dosyayı sayfaya bırakın ve bir piksele tıklayın.
Biçim dönüşümü
HEX, RGB, HSL, HSV, CMYK, XYZ, LAB ve LCH arasında anında geçin ve her değeri doğrudan CSS'e ya da tasarım aracınıza kopyalayın.
Gradyan kurucu
Çubuk üzerinde durak ekleyip taşıyın, doğrusal ile dairesel arasında geçin, açı ve saydamlığı ayarlayın, sonra hazır CSS'i kopyalayın.
Renk geçmişi
Yaptığınız her renk ve gradyan tarayıcınızda kalır; sonra geri dönebilir ya da başka bir projede yeniden kullanabilirsiniz.
Uyumlar ve varyasyonlar
Her renk sayfasında açık ve koyu tonlar ile altı uyum şeması bulunur; hepsi tek tıkla gradyana dönüşür.
Ücretsiz ve gizli
Ödeme duvarı yok, ne seçtiğinizin takibi de yok. Yüklediğiniz görseller tarayıcıda okunur ve hiçbir yere gitmez.
Kimler için
- Tasarımcılar ve ürün ekipleri
- Bir arayüz ya da marka paleti taslağı çıkarırken, birleşimleri denerken ve bir gradyanın tam CSS'ini kopyalarken.
- İllüstrasyon ve resim
- Fotoğraf ve tablolardan damlalıkla renk alırken ve yumuşak geçişleri planlarken.
- Ön yüz geliştirme
- Bir proje boyunca tutarlı renk değerleri üretirken ve mevcut bir tasarımdan değerleri okurken.
- Erişilebilirlik denetleyenler
- Bir rengi farklı modellerde karşılaştırıp karşıtlık oranı gereken eşiği geçene kadar ayarlarken.
Nasıl kullanılır
- 1
Bir renk seçin
Doygunluk alanında herhangi bir yere tıklayın, sonra ton ve saydamlık kaydırıcılarıyla inceltin. HEX, RGB ve HSV anında güncellenir.
- 2
Bir görselden alın
Sayfaya bir görsel sürükleyin ya da dosya seçin, sonra istediğiniz piksele tıklayın. Kodlar hemen belirir.
- 3
Bir gradyan kurun
Durak eklemek için çubuğa tıklayın ve yerine sürükleyin. Doğrusal ile dairesel arasında geçip açıyı ayarlayın.
- 4
Kopyalayın ve kullanın
Değeri ya da CSS bildiriminin tamamını kopyalayın. Seçtiğiniz her şey geçmişinize otomatik kaydedilir.
Sık sorulanlar
Yolunuza çıkmayan küçük bir araç
Başlangıçta iç kullanım için bir araçtı: ağır bir tasarım programı açmadan bir rengi alıp ayarlayıp yolumuza devam etmek istiyorduk. Bilerek tek sayfa, bilerek hızlı ve her zaman ücretsiz kalacak.
Tarayıcı eklentileri
Renkleri gezdiğiniz sayfalardan doğrudan almak isterseniz, Chrome ve Edge eklentileri araç çubuğunuza bir damlalık ekler, kendi geçmişlerini tutar ve bu aracı tek tıkla açar.