Renk

Palet üreteci

Tek bir ana renkten tonlar, gölgeler ve uyumlar oluştur.

Temel renk

Hex değeri

Açık ve koyu tonlar

Uyumlar

Tamamlayıcı

#00c16a

#c20057

Komşu

#00c20a

#00c16a

#00b8c2

Üçlü

#00c16a

#6b00c2

#c26b00

Dörtlü

#00c16a

#0a00c2

#c20057

#b8c200

Bölünmüş tamamlayıcı

#00c16a

#c200b8

#c20a00

CSS özel özellikleri

:root {
  --color-brand-50: #e6f9f0;
  --color-brand-100: #ccf3e1;
  --color-brand-200: #99e6c3;
  --color-brand-300: #66daa6;
  --color-brand-400: #33cd88;
  --color-brand-500: #00c16a;
  --color-brand-600: #00a058;
  --color-brand-700: #007f46;
  --color-brand-800: #005f34;
  --color-brand-900: #003e22;
  --color-brand-950: #002d19;
}

İlgili rehberler

HEX, RGB, HSL ve daha yeni renk uzaylarıHEX, RGB, HSL, LCH ve OKLCH'nin birbiriyle nasıl ilişkilendiği, bir HSL paletinin orta tonlarda neden çamurlaştığı ve gamut kırpma ile alfa birleştirmenin elinize geçen renge ne yaptığı.Tahmine dayanmadan WCAG kontrast oranını tutturmakBir kontrast oranının neyi ölçtüğü, metin ve arayüz bileşenleri için AA ile AAA eşikleri ve her seferinde sessizce başarısız olan beyaz üzerine gri hataları.

İlgili araçlar

Renk dönüştürücü

Bir rengi HEX, RGB, HSL ve CSS gösterimi arasında dönüştür.

Renk

Kontrast denetleyici

Ön plan ve arka plan çiftini WCAG AA ve AAA'ya göre denetle.

Renk