Kode Warna Generator & Picker

Ngahasilkeun kode warna, variasi, harmoni, sareng pariksa rasio kontras.

Warna-Konversi

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Variasi

Tujuan tina bagian ieu pikeun akurat ngahasilkeun tints (murni bodas ditambahkeun) jeung nuansa (murni hideung ditambahkeun) tina warna dipilih Anjeun dina 10% increments.

Tip Pro: Anggo nuansa pikeun kaayaan hover sareng bayangan, warna pikeun sorotan sareng latar.

Nungguan

Variasi darker dijieun ku nambahkeun hideung kana warna dasar anjeun.

Tints

Variasi torek dijieun ku nambahkeun bodas kana warna dasar anjeun.

Kasus pamakéan umum

  • Kaayaan komponén UI (hover, aktip, ditumpurkeun)
  • Nyiptakeun jero kalayan bayangan sareng sorotan
  • Ngawangun sistem warna konsisten

Tip Sistim Desain

Variasi ieu ngabentuk pondasi palette warna anu kohesif. Ékspor aranjeunna pikeun ngajaga konsistensi dina sakabéh proyék anjeun.

Kombinasi Warna

Unggal harmoni boga wanda sorangan. Paké harmonies mun brainstorm kombinasi warna anu hade babarengan.

Kumaha ngagunakeun

Pencét kana warna naon waé pikeun nyalin nilai hex na. Kombinasi ieu sacara matematis kabuktian nyiptakeun harmoni visual.

Naha Ieu Matters

Harmoni warna nyiptakeun kasaimbangan sareng nimbulkeun émosi khusus dina desain anjeun.

Pelengkap

Hiji warna jeung sabalikna na dina kabayang warna, +180 derajat hue. Kontras luhur.

#ca4e4e
Pangalusna pikeun: Desain-dampak luhur, CTAs, logos

Pamisah-pelengkap

Hiji warna na dua padeukeut jeung pelengkap na, +/-30 derajat hue ti nilai sabalikna warna utama. Kandel kawas pelengkap lempeng, tapi leuwih serbaguna.

Pangalusna pikeun: Layouts anu saimbang acan

Triadik

Tilu warna dipisahkeun merata sapanjang roda warna, masing-masing 120 derajat hue. Pangalusna pikeun ngawenangkeun hiji warna ngadominasi sareng nganggo anu sanés salaku aksen.

Pangalusna pikeun: Playful, desain energetic

Analogi

Tilu kelir tina luminance sarua jeung jenuh kalayan hues anu padeukeut dina kabayang warna, 30 derajat eta. Transisi lemes.

Pangalusna pikeun: Diideuan alam, panganteur calming

Monochromatic

Tilu kelir tina hue sarua jeung nilai luminance +/-50%. Halus jeung refined.

Pangalusna pikeun: Minimalis, desain canggih

Tetradic

Dua sét warna pelengkap, dipisahkeun ku 60 derajat hue.

Pangalusna pikeun: Beunghar, rupa-rupa skéma warna

Prinsip Téori Warna

Kasaimbangan

Paké hiji warna dominan, ngarojong kalawan sekundér, sarta aksen sparingly.

Kontras

Pastikeun kontras anu cukup pikeun kabaca sareng diakses.

Harmoni

Warna kedah damel babarengan pikeun nyiptakeun pangalaman visual anu ngahijikeun.

Warna Kontras Checker

Uji kombinasi warna pikeun mastikeun aranjeunna nyumponan standar aksés WCAG pikeun kabacaan téks.

Warna téks
Warna Latar
Kontras
Fail
téks leutik
✖︎
téks badag
✖︎
Standar WCAG
AA:Babandingan kontras minimum 4.5:1 pikeun téks normal sareng 3:1 pikeun téks ageung. Diperlukeun pikeun kalolobaan situs wéb.
AAA:Ningkatkeun rasio kontras 7:1 pikeun téks normal sareng 4,5:1 pikeun téks ageung. Disarankeun pikeun diakses optimal.

Sadayana mangrupikeun Genius. Tapi Lamun Anjeun Nganilai Lauk ku Kamampuhan Naék Tangkal, Éta Bakal Hirup Saumur Hirupna Percaya yén Éta Bodo.

- Albert Einstein

Format Téknis

Format Praktis

Analisis Warna

Simulator buta

Aspék Kréatif