Renk Paleti Üreteci
Herhangi bir temel renkten uyumlu renk paletleri üretin. Tamamlayıcı, analog, üçlü ve monokromatik şemaları destekler.
Complementary
#6366F1#F1EE63Analogous
#63ADF1#6366F1#A763F1Triadic
#6366F1#F16366#66F163Split Complement
#6366F1#F1A763#ADF163Tetradic
#6366F1#F163AD#F1EE63#63F1A7Monochromatic
#0F13AC#1D21EB#6366F1#A1A3F7#D0D1FBBu araç nasıl kullanılır
- 1
Click the color swatch to open your system color picker, or type a 6-digit hex code like #6366F1 into the text field next to it.
- 2
Watch the six scheme rows update instantly as you change the base color.
- 3
Read the uppercase hex code shown in the bottom-left corner of each swatch and copy the ones you want into your design tool or stylesheet.
Renk Paleti Üreteci nedir?
Renk teorisi, renk çemberindeki konumlara göre uyumlu ilişkileri tanımlar. Tamamlayıcı renkler karşıt konumlarda yer alır (180°). Analog renkler bitişiktir (30°). Üçlü şemalar, eşit aralıklı üç renk kullanır (120°). Bu araç, seçtiğiniz temel renkten her birini hesaplayarak size kanıtlanmış renk teorisine dayanan bir başlangıç paleti sunar.
Yaygın kullanım örnekleri
Picking a primary plus accent color for a website by reading the complementary pair off your brand color.
Building a calm, unified UI background-and-card scheme from the analogous row.
Generating a 5-step monochromatic tint and shade ramp for hover, active, and disabled button states.
Sketching a data-visualization palette where triadic or tetradic colors keep series visually distinct.
Exploring logo or illustration color combinations before committing in Figma or Illustrator.
Quickly grabbing hex codes for a CSS variable set without leaving the browser.
Sıkça sorulan sorular
Web siteleri için hangi şema en iyisidir?▼
İlgili araçlar
Renk Dönüştürücü (HEX/RGB/HSL)
Renkleri HEX, RGB ve HSL biçimleri arasında dönüştürün. Bir rengi görsel olarak seçin veya değerleri elle girin.
CSS Box Shadow Oluşturucu
CSS box-shadow değerlerini görsel olarak oluşturun. Gerçek zamanlı önizleyin ve oluşturulan CSS'i kopyalayın.
CSS Renk Geçişi Oluşturucu
Doğrusal ve radyal CSS renk geçişleri oluşturun. Renkleri görsel olarak seçin ve oluşturulan CSS'i kopyalayın.
Cubic Bezier Hızlanma Eğrisi Oluşturucu
CSS için cubic-bezier hızlanma (easing) eğrileri oluşturun. Standart hazır ayarları içerir.
CSS Border Radius Oluşturucu
Karmaşık CSS border-radius değerlerini görsel olarak oluşturun. Her köşe için bağımsız kontrol.
CSS Clamp() Üreteci
clamp() ile akışkan ve duyarlı CSS değerleri üretin. Viewport aralıkları boyunca minimum ve maksimum boyutlar arasında düzgünce ölçeklenir.