Ücretsiz Online Renk Paleti Oluşturucu

Web tasarımı, UI/UX ve marka kimliği için hazır renk şemaları. WCAG kontrast kontrolü, CSS/SCSS/Tailwind dışa aktarma

Palet Kütüphanesi
50+ palet WCAG kontrolü
Material Design
Material Blue
Material Red
Material Purple
Material Green
Material Amber
Material Teal
Popüler Markalar
Spotify
Netflix
Slack
Discord
Dribbble
Figma
Trend Paletler
Peach Fuzz
Digital Lavender
Cyber Lime
Quiet Luxury
Neo Mint
Viva Magenta
Gün Batımı ve Sıcak
Sunset Paradise
Warm Autumn
Coral Reef
Golden Hour
Terracotta
Burnt Orange
Okyanus ve Serin
Deep Ocean
Arctic Ice
Mint Fresh
Lavender Dream
Aquamarine
Northern Lights
Doğa ve Toprak
Forest Green
Desert Sand
Mountain View
Spring Meadow
Olive Grove
Earthy Clay
Modern ve Cesur
Neon Nights
Cyber Purple
Electric Pop
Bold Contrast
Synthwave
Cyberpunk
Pastel ve Yumuşak
Soft Pastels
Baby Blue
Peach Cream
Mint Candy
Cotton Candy
Dreamy Rose
Monokrom
Grayscale
Warm Gray
Cool Gray
Blue Mono
Green Mono
Purple Mono
Seçilen Palet Material Blue
Dışa Aktar
WCAG Kontrast Kontrolü
AA: — AAA: —
Örnek metin

Seçilen arka planda metnin okunabilirliğini kontrol edin.

Kontrast: 21:1
Renk Şeması Türleri
Tamamlayıcı (Complementary)

Açıklama: Renk çemberinde karşılıklı renkler. Yüksek kontrast.

Kullanım: CTA butonları, vurgular, öne çıkarma

Benzer (Analogous)

Açıklama: Renk çemberinde komşu renkler. Uyumlu görünüm.

Kullanım: Bloglar, portfolyolar, organik markalar

Üçlü (Triadic)

Açıklama: 120° açıyla üç renk. Dengeli çeşitlilik.

Kullanım: Landing sayfaları, oyun arayüzleri

Monokromatik

Açıklama: Aynı rengin tonları. Zarif minimalizm.

Kullanım: Premium markalar, kurumsal siteler

Sık Sorulan Sorular
Uyumlu renk paleti nedir?

Uyumlu palet, birlikte güzel görünen ve dengeli bir kompozisyon oluşturan renkler kümesidir. Renk çemberi ilkelerine dayanır.

Bir palette kaç renk olmalı?

Optimum 3-5 renk: primary, secondary, accent, background ve text. Daha fazla renk tasarımı karmaşıklaştırabilir.

WCAG kontrastı nedir?

WCAG erişilebilirlik standardıdır. Metin için minimum 4.5:1 (AA) veya 7:1 (AAA) kontrast, görme engelli kişiler için okunabilirliği sağlar.

Paletleri ticari projelerde kullanabilir miyim?

Evet, kütüphanedeki tüm paletler ticari ve kişisel projelerde özgürce kullanılabilir.

E-ticaret sitesi için hangi renkleri seçmeliyim?

Sıcak renkler (turuncu, kırmızı) dürtüsel satın alımları teşvik eder. Soğuk renkler (mavi, yeşil) düşünülmüş kararlar için güven verir.

Hangi dışa aktarma formatını kullanmalıyım?

Modern web projeleri için CSS Variables, Sass için SCSS, utility-first framework için Tailwind, diğer teknolojiler için RGB/HSL.

Projeniz için mükemmel renk paletini nasıl seçersiniz

Renk, tasarımın en güçlü araçlarından biridir. Doğru seçilmiş bir palet, marka tanınırlığını %80 artırabilir ve dönüşüm oranını önemli ölçüde etkileyebilir. Bu hizmet, farklı proje türleri için kanıtlanmış renk şemaları sunar.

Ünlü marka paletleri

Spotify, koyu arka plan üzerinde yoğun yeşil (#1DB954) kullanır — bu, enerji ve tazelik çağrışımları yaratır. Netflix, maksimum kontrast ve duygusal etki için kırmızı (#E50914) seçmiştir. Slack, çeşitlilik ve iletişim fikrini vurgulayan 4 canlı renkli çok renkli bir palet uygular.

Bu paletler, milyonlarca kullanıcı üzerinde yıllarca test edilmiştir — kendi projeleriniz için sağlam bir temel olarak kullanabilirsiniz.

Trend renkler

Peach Fuzz — konfor ve iyimserlik hissi yaratan sıcak şeftali tonu. Yaşam tarzı markaları, wellness uygulamaları ve e-ticaret için ideal.

Digital Lavender — teknoloji ve inovasyonla ilişkilendirilen sakinleştirici lavanta, algı için yumuşak kalırken.

Quiet Luxury — premium markalar için nötr bej ve kahverengi tonlar. Gösterişsiz renkler olmadan minimalizm ve zarafet.

Proje türüne göre palet seçimi

Kurumsal site: monokromatik paletler (Grayscale, Blue Mono) veya Material Design. Profesyonel görünüm, kolay okunabilirlik, çok yönlülük.

Yaratıcı portfolyo: Modern & Cesur (Neon Nights, Synthwave). Güçlü kontrastlar dikkat çeker ve cesurluğu gösterir.

E-ticaret: sıcak paletler (Coral Reef, Golden Hour) dürtüsel satın alımları teşvik eder. Soğuk olanlar (Deep Ocean, Mint Fresh) — düşünülmüş kararlar için.

Mobil uygulama: Material Design veya marka paletleri (Figma, Discord). Erişilebilirlik için doğrulanmış, light ve dark temalarda çalışır.

Erişilebilirlik ve kontrast

WCAG 2.1 standardı, metin ve arka plan arasında minimum 4.5:1 kontrast gerektirir. Bu sadece bir formalite değil — erkeklerin yaklaşık %8'i ve kadınların %0.5'i renk algılama bozukluklarına sahiptir. Kullanmadan önce her kombinasyonu kontrol edin.

AA seviyesi — ticari projeler için minimum. AAA seviyesi — devlet siteleri, sağlık ve finans hizmetleri için önerilir.

Dışa aktarma formatları

CSS Variables — en modern yaklaşım. Renkler bir kez tanımlanır ve var() ile kullanılır. Yüzlerce satır kod düzenlemeden tema değiştirmek kolay.

SCSS — ön işlemciler kullanan projeler için. Değişkenler normal CSS'e derlenir.

Tailwind — utility-first framework için hazır yapılandırma. Renkler hemen sınıflar olarak kullanılabilir (bg-primary, text-accent).

İlgili Araçlar

İlgili hesap makineleri

Feragatname: bu sitedeki tüm hesaplamalar yaklaşıktır ve bilgi amaçlı sağlanmaktadır. Sonuçlar bireysel koşullar, teknik özellikler, bölge, mevzuat değişiklikleri vb. bağlı olarak gerçekten farklı olabilir.

Finansal, tıbbi, inşaat, kamu hizmetleri, otomotiv, matematiksel, eğitimsel ve IT hesaplayıcıları profesyonel tavsiye değildir ve önemli kararlar almak için tek temel olamaz. Doğru hesaplamalar ve tavsiyeler için uzman profesyonellere danışmanızı öneririz.

Site yönetimi hesaplama sonuçlarının kullanımıyla ilgili olası hatalar veya zararlar için sorumluluk kabul etmez.