Kodpen Renk ve Görsel: Renk Seçici, Palet ve Ekran Görüntüsü

Sayfadan renk alın, paleti ve kontrastı görün, ekran görüntüsünü güzelleştirin, sayfadaki görselleri indirip sıkıştırın.

Kodpen Renk ve Görsel, açık sayfanın renklerini ve görsellerini Chrome'un yan panelinde yakalamanızı sağlar. Her şey tarayıcınızda işlenir; renkler, görseller ve ekran görüntüleri hiçbir sunucuya gönderilmez. Kayıt gerekmez. RENK SEÇİCİ "Sayfadan renk al" ile ekranın herhangi bir noktasından damlalıkla renk alın. Renk HEX, RGB ve HSL olarak gösterilir ve panoya kopyalanır; dört açık ve dört koyu tonu tek tıkla seçilir. Son seçtiğiniz 24 renk saklanır. KONTRAST Seçtiğiniz yazı ve zemin renginin kontrast oranını anında görün: normal ve büyük metin için WCAG AA ve AAA, simge ve çizgiler için 3:1. Ayrıntılı kontrast aracında renk körlüğü önizlemesi ve uyumlu renk önerileri. SAYFANIN RENK PALETİ Sayfadaki zemin, yazı ve kenarlık renklerini kullanım sıklığıyla çıkarın; tek tıkla seçin ya da hepsini CSS değişkeni olarak kopyalayın. EKRAN GÖRÜNTÜSÜ Sekmenin görünen alanının görüntüsünü alın; tarayıcı çerçevesi, renkli zemin ve gölge ekleyin, hassas yerleri gizleyin, PNG olarak indirin. SAYFADAKİ GÖRSELLER Sayfadaki görselleri boyutu, gösterilen boyutu, biçimi ve dosya büyüklüğüyle listeleyin. Gösterildiğinden büyük, WebP/AVIF olmayan ya da alt metni eksik görselleri süzün. Görseli indirin, WebP'ye çevirip sıkıştırın ya da renk paletini çıkarın. Görsele sağ tıklayarak da sıkıştırabilir ya da paletini çıkarabilirsiniz. AÇIK VE KOYU TEMA Panel Chrome'un temasına uyar; isterseniz açık ya da koyu temayı sabitleyebilirsiniz. Kodpen'in ücretsiz web araçları: https://kodpen.com/araclar