Ücretsiz araç

Renk paleti

Bir fotoğraf bırakın. Ana renklerini HEX ve RGB kodlarıyla, beyaz ve siyah metne karşı kontrast kontrolüyle ve bu renklerde bir link in bio sayfası önizlemesiyle alın.

Fotoğrafınız

Renk sayısı
Sıralama

Paletiniz

    Bir link in bio sayfasında önizleme

    Ana Ruiz

    Seramik ve çömlek kursları

    Yeni kupalara göz atBir derse kaydolSon video

      Renk paleti oluşturma aracı ne yapar

      Renk paleti oluşturma aracı, bir resimdeki ana renkleri bulur ve size kodlarını verir. Bu araç fotoğrafınızı tarayıcınızda okur, benzer pikselleri gruplar ve resmin en büyük kısmını kaplayan 5, 6 veya 8 rengi verir. Her renk, HEX ve RGB koduyla ve metin için bir kontrast kontrolüyle gelir.

      İçerik üreticileri, profillerinin, gönderilerinin ve link in bio sayfalarının tek bir bütün gibi görünmesi için kendi fotoğraflarından bir palet kullanır. Kontrast kontrolü, hangi renklerin metin taşıyabileceğini, hangilerinin arka plan veya vurgu olarak daha iyi çalıştığını söyler.

      Fotoğrafınız cihazınızdan asla çıkmaz. Araç onu tarayıcınızdaki bir canvas üzerine çizer; yükleme, hesap ve sınır yoktur.

      Fotoğraftan palet nasıl yapılır

      1. Bir fotoğraf bırakın

        Sık paylaştığınız bir fotoğraf kullanın, örneğin profil fotoğrafınız veya bir ürün çekimi. JPG, PNG ve WebP dosyaları çalışır.

      2. Kaç renk olacağını seçin

        5, 6 veya 8 renk seçin. Fotoğrafın ne kadarını kapladıklarına göre veya açıktan koyuya sıralayın.

      3. Kontrastı kontrol edin

        Her renk, beyaz ve siyah metinle kontrastını gösterir. Geçen renkleri metinli butonlar için kullanın.

      4. Kodları kopyalayın

        Tek bir HEX kodunu, tam listeyi veya paleti web siteniz için CSS değişkenleri olarak kopyalayın.

      Renkleriniz üzerindeki metin için kontrast kuralları

      Web İçeriği Erişilebilirlik Yönergeleri (WCAG 2.2), metin ile arka planı arasındaki en düşük kontrastı belirler. Araçtaki rozetler bu sayıları kullanır.

      Ne kontrol ediyorsunuzEn düşük oranWCAG kuralı
      Bir renk üzerinde normal metin4.5:11.4.3 Kontrast (Minimum), AA seviyesi
      Büyük metin: 24px veya kalın 18,5px3:11.4.3 Kontrast (Minimum), AA seviyesi
      Normal metin, daha sıkı seviye7:11.4.6 Kontrast (Gelişmiş), AAA seviyesi
      Büyük metin, daha sıkı seviye4.5:11.4.6 Kontrast (Gelişmiş), AAA seviyesi
      Sayfaya karşı bir buton veya ikon3:11.4.11 Metin Dışı Kontrast, AA seviyesi

      Kaynaklar: W3C, Understanding 1.4.3 Contrast (Minimum), W3C, Understanding 1.4.6 Contrast (Enhanced), W3C, Understanding 1.4.11 Non-text Contrast. 11 Kasım 2026 tarihinde kontrol edildi.

      More.You sayfanızda

      Renkleriniz link in bio sayfanızda

      Bir More.You sayfasında arka planı, butonları, fontları ve renkleri kendiniz belirlersiniz. Her düzenleme geri alma özelliğiyle bir taslağa girer; böylece yayındaki sayfanız yarım kalmış bir tasarım göstermez.

      more.you/

      • Free'de temalar ve renkler

        Bir tema seçin, sonra duvar kağıdını, buton stilini, fontları ve renkleri değiştirin. Fikir istediğinizde tema galerisini karıştırın.

        Temalar ve tasarım

      • Şablonla başlayın

        Mesleğe göre şablonlar size bitmiş bir ilk sayfa verir. Birini uygulayın, sonra fotoğrafınızdaki renkleri yerleştirin.

        Link in bio şablonları

      • Beş başlık düzeni

        Klasik, hero, banner, cutout ve şekilli başlıklar, fotoğrafınızı paletinizle en iyi çalışacağı yere koyar.

      Renk paleti soruları

      Renk paleti oluşturma aracı renkleri nasıl seçiyor?

      Fotoğrafınızı küçük bir kopyaya indirir, her pikseli okur ve pikselleri median cut adlı bir yöntemle benzer renk gruplarına ayırır. Her grubun ortalamasını alır, neredeyse aynı görünen renkleri eler ve fotoğrafın en büyük payını kaplayanları tutar.

      Fotoğrafım bir yere yükleniyor mu?

      Hayır. Araç fotoğrafınızı tarayıcınızda açar ve cihazınızdaki bir canvas öğesi üzerinde okur. More.You'ya veya başka bir sunucuya hiçbir şey gönderilmez ve hiçbir şey kaydedilmez. Sekmeyi kapattığınızda fotoğraf ve palet gider.

      HEX ve RGB kodları ne anlama geliyor?

      İkisi de aynı rengi tarif eder. RGB, kırmızı, yeşil ve mavi miktarını 0 ile 255 arasında verir, örneğin rgb(178, 246, 227). HEX aynı üç sayıyı 16'lık tabanda, diyez işaretinden sonra yazar, örneğin #B2F6E3. Çoğu tasarım uygulaması ve web sitesi oluşturucu ikisinden birini kabul eder.

      Metnin okunabilir olması için ne kadar kontrast gerekir?

      Web erişilebilirlik standardı WCAG 2.2, AA seviyesinde normal metin için en az 4,5:1, büyük metin için 3:1 kontrast oranı ister. Büyük metin 24px veya kalın 18,5px demektir. Her rengin yanındaki rozetler, beyaz ve siyah metinle oranını gösterir.

      Paleti link in bio sayfamda nasıl kullanırım?

      En açık rengi sayfa arka planı, daha güçlü bir rengi butonlar için kullanın. Sonra buton metninin buton renginde 4,5:1'i geçtiğini kontrol edin. Araçtaki önizleme bu düzeni gösterir ve hangi çiftlerin geçtiğini söyler.

      Hangi dosya türlerini kullanabilirim?

      Tarayıcınızın açabildiği her resim, örneğin JPG, PNG, WebP ve GIF. GIF için araç ilk kareyi okur. Bir dosya açılmazsa telefonunuzda veya bilgisayarınızda JPG ya da PNG olarak kaydedip yeniden deneyin.

      Paleti CSS olarak kopyalayabilir miyim?

      Evet. Her renk için bir değişken içeren bir :root bloğu almak için CSS değişkenleri olarak kopyala'yı seçin, örneğin --color-1: #B2F6E3. Bunu stil sayfanızın başına yapıştırın ve rengi nerede isterseniz var(--color-1) kullanın. Değişkenler seçtiğiniz sırayı izler; yani --color-1 en çok kullanılan veya en açık renktir.

      Daha fazla ücretsiz araç

      Ücretsiz, hesap gerekmez. Yazdığınız hiçbir şey sunucularımızda saklanmaz.

      Yazı stilleri

      Metninizi kalın ve italikten el yazısı ve baloncuklara kadar 24 stile dönüştürün. Kopyalayıp her yere yapıştırın.

      Aracı aç →

      Biyografi oluşturma

      Instagram, TikTok, X veya YouTube için canlı karakter sayacıyla 12 biyografi fikri alın.

      Aracı aç →

      QR kod oluşturma

      Herhangi bir linki QR koda dönüştürün. Renkleri seçin, PNG veya SVG indirin. Süresi dolmaz.

      Aracı aç →

      Tüm ücretsiz araçları gör

      Rehberler: Bio Sayfası Tasarım Rehberi: Düzenler, Temalar, Butonlar, Link in Bio Temaları: Dönüşüm Getireni Nasıl Seçersiniz.

      İlgili sayfalar
      Kaynakça
      1. W3C, Understanding SC 1.4.3 Contrast
      2. W3C, Understanding SC 1.4.6 Contrast
      3. W3C, Understanding SC 1.4.11 Non-text Contrast

      Kaynaklar 11 Kasım 2026'da kontrol edildi.

      Renkleriniz, kendi sayfanızda

      Ücretsiz More.You sayfanızı alın ve arka planını, butonlarını ve fontlarını fotoğrafınızdaki renklerle ayarlayın.

      more.you/

      Dil