Basit Renk Seçici

Chrome için ücretsiz renk seçici

Herhangi bir sayfadan renk seçin. #E8553D kodunu alın

Basit Renk Seçici, Chrome için ücretsiz bir damlalıktır. Düğmesine ya da Alt+P'ye basın, yakınlaştırma merceğiyle herhangi bir piksele nişan alıp tıklayın: HEX, RGB veya HSL kodu hemen panonuzda. Son 50 renginiz açılır pencerede bekler.

Chrome'a ekle — ücretsiz

Chrome Web Store'da 453 kullanıcı

Edge, Brave, Opera ve diğer Chromium tabanlı tarayıcılarda da çalışır.

Bir web sayfasındaki afişin üzerinde duran kare yakınlaştırma merceği, tek bir pikseli HEX, RGB ve HSL değeriyle çerçeveler; yanında #E8553D rengini ve renk geçmişini gösteren Basit Renk Seçici penceresi

Bir bakışta

Ne yapar
Renk seçici damlalık: bir web sayfasındaki herhangi bir piksele yakınlaştırma merceğiyle nişan alın, tıklayın; HEX, RGB veya HSL kodu kopyalanır.
Kimler için
Tarayıcıda açık canlı sitelerden, tasarımlardan ve ekran görüntülerinden renk eşleştiren web geliştiricileri ve tasarımcılar için; renk koduna ihtiyacı olan herkes için.
Fiyat
Ücretsiz. Hesap yok, ücretli sürüm yok.
Veri
Geçmişiniz ve varsayılan biçim, cihazınızda uzantının yerel depolama alanında kalır. Analiz yok, ağ isteği yok.
Nerede çalışır
Bilgisayarda Chrome ve Chrome Web Store'dan uzantı yükleyen diğer Chromium tarayıcılarında. Yeni sekme, ayarlar ve Chrome Web Store gibi tarayıcı sayfalarında çalışmaz.
Sınırlar
Sekmenin görünen bölümünden, başlattığınız anda alınan ekran görüntüsüyle renk seçer. CMYK, Pantone ve kontrast denetimi yok; tarayıcı dışından renk seçilemez.
Sürüm
2.7.0, güncelleme: 23 Ekim 2026

Üç adım, tek tık

  1. 1

    Seçiciyi başlatın

    Araç çubuğundaki simgeye tıklayıp Renk seç düğmesine basın ya da herhangi bir sayfada Alt+P'ye basın.

  2. 2

    Mercekle nişan alın

    Kare mercek imlecin çevresini büyütür ve tam pikseli çerçeveler. Altındaki etiket HEX, RGB ve HSL değerini canlı gösterir.

  3. 3

    Tıklayın ve yapıştırın

    Kod varsayılan biçimde kopyalanır ve kısa bir not bunu onaylar. CSS'e, Figma'ya ya da bir mesaja yapıştırın.

Kimler kullanır

CSS

Önyüz geliştirme

DevTools açmadan canlı bir siteden CSS, SCSS veya Tailwind yapılandırması için tam değerleri alın.

HEX

Tasarım ve marka kontrolü

Bir arayüzden, tasarımdan ya da referanstan palet çıkarın; sayfanın doğru marka rengini kullandığını doğrulayın.

HSL

Renk ayarı

Parlaklığı ve doygunluğu elle ayarlamak için HSL'yi, sayı isteyen kod için RGB'yi alın.

Ne yapar

  • piksel, çerçevede

    Mercek, imlecin çevresindeki 11 × 11 pikseli büyütür; nişangah alacağınız pikseli çerçeveler. Bir piksellik kenarlığı ya da degradenin tek bir basamağını yakalayın.

  • biçim

    #2A6FDB gibi HEX, rgb(42, 111, 219) gibi RGB, hsl(217, 71%, 51%) gibi HSL. Varsayılanı açılır pencerede bir kez seçin.

  • renk geçmişte

    Her seçim, son 50 rengin ızgarasının başına eklenir; tekrar yok. Bir örneğe tıklayıp üç kodu da görün ve kopyalayın.

  • Alt+P kısayolu

    Açılır pencereyi açmadan seçmeye başlayın. Başka bir tuş isterseniz penceredeki tuş, Chrome'un kısayol ayarlarını açar.

  • ağ isteği

    Her şey tarayıcınızda çalışır. Hesap yok, analiz yok, telemetri yok.

  • Açık ve koyu

    Pencere ve mercek sistem temanızı izler; değerlendirdiğiniz renkleri etkilemeyen nötr gri tonlarda.

Web sayfasındaki her şeyin renk kodu nasıl alınır

Chrome'un kendi damlalığı DevTools'un içindedir: Stiller panelini açın, bir renk özelliği bulun, örneğine ve sonra damlalığa tıklayın. Çalışır ama derindedir; seçilen değer panonuza gitmez, sayfanın CSS'indeki o özelliğin yerine yazılır.

Basit Renk Seçici damlalığı tek tık ya da tek kısayol uzağınıza getirir. Başlattığınızda sekmenin görünen bölümünün ekran görüntüsünü alır ve üzerinde kare bir mercek açar; ortalama değil, tam pikseli görürsünüz. Tek tık kodu kopyalar, açılır pencere de onu son 50 renginizle birlikte üç biçimde saklar.

Başlamadan önce sayfada ihtiyacınız olan yere kaydırın: mercek o ekran görüntüsünden okur. Yeni sekme, ayarlar ve Chrome Web Store gibi tarayıcı sayfaları tüm uzantılara kapalıdır.

Tasarımı gereği gizli

  • Ağ isteği yok

    Uzantı hiçbir sunucuyla konuşmaz. Analiz yok, telemetri yok.

  • Cihazınızda kalır

    Geçmişiniz ve varsayılan biçim, uzantının yerel depolama alanında durur.

  • Dört izin

    Etkin sekme, yalnızca bir seçim başlattığınızda ve ekran görüntüsünü almak için; betik çalıştırma, mercek göstermek için; depolama, geçmiş ve biçim için; panoya yazma, kodu kopyalamak için.

DevTools damlalığı ile Basit Renk Seçici

DevTools damlalığı ile Basit Renk SeçiciDevTools damlalığıBasit Renk Seçici
Nasıl başlatılırDevTools'u açın, Stiller'de bir renk bulun, örneğine, sonra damlalığa tıklayınAraç çubuğu düğmesi ya da Alt+P
Sonuç nereye giderAçtığınız CSS özelliğine; kopyalamak size kalırTıklayınca panonuza
Renk biçimleriHEX, RGB, HSL ve daha fazlasıHEX, RGB ve HSL
Daha önce seçilen renklerSaklanmazSon 50 renk, yeniden kopyalamaya hazır
FiyatChrome'a gömülüÜcretsiz

Sorular

Bir web sitesindeki renk kodunu nasıl alırım?

Basit Renk Seçici'yi kurun, sayfada Alt+P'ye basın, merceği renge doğrultup tıklayın. HEX kodu, isterseniz RGB veya HSL, panonuza kopyalanır.

Bir web sayfasındaki görselden renk nasıl seçerim?

Aynı şekilde: seçiciyi başlatın ve resimde istediğiniz piksele tıklayın. Mercek yakınlaştırır, böylece tam olarak tek bir piksel alabilirsiniz.

HEX yerine HSL ya da RGB kopyalayabilir miyim?

Evet. Açılır pencerede varsayılan biçimi seçin: HEX, RGB veya HSL. Pencere, geçmişinizdeki her renk için üçünü de gösterir; her birinin kendi kopyala düğmesi vardır.

Daha önce seçtiğim renkleri nerede bulurum?

Açılır pencereyi açın: son 50 renginiz örnekler halinde, en yenisi en başta. Birine tıklayıp kodlarını görün ve kopyalayın ya da geçmişi temizleyin.

Alt+P kısayolunu nasıl değiştiririm?

Açılır penceredeki kısayol tuşuna tıklayın. Chrome'un klavye kısayolları sayfası açılır; oradan başka bir tuş atayabilirsiniz.

Neden bazı sayfalarda çalışmıyor?

Chrome; yeni sekme, ayarlar ve Chrome Web Store gibi kendi sayfalarını tüm uzantılara kapatır. Seçici ayrıca sekmenin yalnızca görünen bölümünü okur; önce rengin olduğu yere kaydırın.

Tarayıcı dışından renk seçebilir mi?

Hayır. Yalnızca geçerli tarayıcı sekmesinden seçer. CMYK veya Pantone'a da dönüştürmez, kontrast denetimi de yapmaz.

Ücretsiz mi? Veri topluyor mu?

Ücretsizdir ve ağ isteği yapmaz. Geçmişiniz ve varsayılan biçim cihazınızda kalır.

PYROCTAL'dan daha fazla ücretsiz uzantı

Nişan alın. Tıklayın. Yapıştırın.

Chrome'a ekle — ücretsiz