Renk & Palet

Renk Karıştırıcı

İki renk arasında oran slider'ı sürükle, yedi renk uzayını yan yana gör, seçilen renk uzayıyla çok duraklı CSS gradient üret, altı renge kadar ağırlıklı karışım, karışımları karşılaştırma için kaydet ve her iki giriş + beyaz / siyaha karşı WCAG kontrast oku.

İki renk karıştırıcı

İki renk seç, kaydırma çubuğunu sürükle ve karışım uzayını seç. Yedi farklı uzay görsel olarak farklı sonuç verir; tek bakışta karşılaştır.

#0ea5e9

K14

Y165

M233

#ec4899

K236

Y72

M153

Karışım oranı50% · OKLCH

Eşit 50 / 50 karışım

Mevcut oranda yan yana

Silindirik OKLab; ton geçişleri için en iyisi.

Karışan renk

#a179f6

HEX#a179f6

RGBrgb(161, 121, 246)

HSLhsl(259, 87%, 72%)

OKLCHoklch(0.671 0.18 295.9)

OKLABoklab(0.671 0.079 -0.162)

Kontrast (WCAG)

AaA'ya karşı1.15:1

AaB'ye karşı1.11:1

Aabeyaz üstünde3.19:1

Aasiyah üstünde6.58:1

A ↔ B: 1.27:1

Degrade üretici

Karışımı birden çok durağa yay; aynı uzayı kullanarak CSS veya Tailwind çıktısı al.

0EA5E9

5398F8

7D89FD

A179F6

BF68E2

D858C3

EC4899

Durak7

Yön

CSS

background: linear-gradient(to right, #0ea5e9 0%, #5398f8 16.7%, #7d89fd 33.3%, #a179f6 50%, #bf68e2 66.7%, #d858c3 83.3%, #ec4899 100%);

Tailwind 4

bg-gradient-to-r from-[#0ea5e9] via-[#5398f8] via-[#7d89fd] via-[#a179f6] via-[#bf68e2] via-[#d858c3] to-[#ec4899]

Çok renkli karışım

Altıya kadar renk için ağırlıklı ortalama — palet ortalaması için ideal.

Hazır paletler

Bir paleti tıkla; otomatik olarak A veya B'ye atanır ve hedef değişir.

Hedef

Tailwind 500'leri

Material

Marka renkleri

Sabitli karışımlar

Marka palet adaylarını karşılaştırmak için en fazla 5 karışım sabitle.

Sonuç panelinden bir karışımı sabitleyerek listeni başlat.