Renk Kodları Kütüphanesi

Projeleriniz için profesyonel renk paletleri ve kodları. Beğendiğiniz rengi seçin ve tek tıkla kopyalayın.

Değişen Renkler

Turkuaz Mavisi

#40E0D0

Turkuaz Mavisi

5 saniye sonra değişecek

Turkuaz, ferahlık ve sakinlik hissi veren, mavi ve yeşil arasında yer alan bir renktir. Yaratıcılığı ve iletişimi teşvik eder.

Renk Kodları:

Kullanım Alanları:

Web tasarımı İç mekan dekorasyonu Moda Grafik tasarım

Renk Araçları

Palet Ayarları

Oluşturulan Palet

Palet Önizleme

Renk Seçici

RGB

HSL

Renk Bilgileri

Renk Formatları

HEX: #6D28D9
RGB: rgb(109, 40, 217)
HSL: hsl(260, 69%, 50%)

Renk Tonları

Tamamlayıcı Renk

Renk Üçlüsü (Triad)

CSS Kod Örnekleri

Kontrast Kontrolü

Metin ve arka plan rengi arasındaki kontrastı kontrol edin. WCAG standartlarına göre erişilebilirlik için minimum kontrast oranı 4.5:1 olmalıdır.

Örnek Başlık

Bu bir örnek metin paragrafıdır. Metin ve arka plan rengi arasındaki kontrastı gösterir.

Kontrast Oranı:

8.59:1

WCAG AA (Normal Metin):

Geçti

WCAG AAA (Normal Metin):

Geçti

WCAG AA (Büyük Metin):

Geçti

Gradyan Oluşturucu

İki veya daha fazla renk kullanarak güzel gradyanlar oluşturun ve CSS kodunu kopyalayın.

Renkler

%
%

Önizleme

CSS Kodu


                                                
                                            

Renkli Yazı Önizleme

Metninizi yazın ve renk seçerek nasıl görüneceğini önizleyin.

Önizleme

Merhaba Dünya! Bu bir örnek metindir.

CSS Kodu

.my-text {
  color: #6D28D9;
  background-color: #FFFFFF;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
}

Özellikler

Geniş Renk Koleksiyonu

Binlerce renk arasından seçim yapın ve projeleriniz için en uygun renkleri bulun.

Tek Tıkla Kopyalama

HEX, RGB ve HSL formatlarında renk kodlarını tek tıkla kopyalayın ve projelerinizde kullanın.

Palet Oluşturucu

Uyumlu renk paletleri oluşturun ve projelerinizde kullanın. Analog, monokromatik ve tamamlayıcı paletler oluşturabilirsiniz.

Renk Seçici

Gelişmiş renk seçici ile istediğiniz rengi oluşturun ve detaylı bilgilerini görüntüleyin.

Erişilebilirlik Kontrolü

Renk kombinasyonlarınızın erişilebilirlik standartlarına uygunluğunu kontrol edin.

Koyu/Açık Tema

Göz yorgunluğunu azaltmak için koyu ve açık tema arasında geçiş yapabilirsiniz.

Gradyan Oluşturucu

Etkileyici gradyanlar oluşturun ve CSS kodunu doğrudan projenize ekleyin.

Yazı Önizleme

Kendi metninizi yazın ve farklı renk kombinasyonlarıyla nasıl görüneceğini anında önizleyin.

Renk Bilgisi

Renk Teorisi

Renk teorisi, renklerin nasıl bir araya geldiğini ve birbirleriyle nasıl etkileşime girdiğini açıklayan bilimsel bir yaklaşımdır. Renk çarkı, renklerin birbiriyle olan ilişkisini gösterir ve uyumlu renk kombinasyonları oluşturmak için kullanılır.

Renk Uyumu Türleri

Monokromatik

Tek bir rengin farklı ton, doygunluk ve parlaklık değerlerini kullanır.

Analog

Renk çarkında yan yana bulunan renkleri kullanır.

Tamamlayıcı

Renk çarkında karşılıklı bulunan renkleri kullanır.

Triadik

Renk çarkında eşit aralıklarla bulunan üç rengi kullanır.

Renk kodu kopyalandı!