Kode Warna Generator & Picker

Gawe kode warna, variasi, harmoni, lan mriksa 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 bagean iki yaiku kanggo ngasilake warna kanthi akurat (tambah putih murni) lan warna (tambah ireng murni) saka warna sing dipilih kanthi tambahan 10%.

Tip Pro: Gunakake nuansa kanggo status hover lan bayangan, tints kanggo sorotan lan latar mburi.

Shades

Variasi sing luwih peteng digawe kanthi nambahake ireng ing werna dhasar.

Tints

Variasi sing luwih entheng digawe kanthi nambahake putih ing werna dhasar.

Kasus Penggunaan Umum

  • Status komponen UI (hover, active, disabled)
  • Nggawe ambane kanthi bayangan lan sorotan
  • Nggawe sistem warna sing konsisten

Tip Sistem Desain

Variasi kasebut mbentuk pondasi palet warna sing kohesif. Ekspor kanggo njaga konsistensi ing kabeh proyek sampeyan.

Kombinasi Warna

Saben harmoni nduweni swasana dhewe. Gunakake harmoni kanggo brainstorming kombinasi warna sing bisa digunakake bebarengan.

Carane Gunakake

Klik ing sembarang werna kanggo nyalin nilai hex sawijining. Kombinasi kasebut dibuktekake kanthi matematis kanggo nggawe harmoni visual.

Apa Iku Penting

Harmoni warna nggawe keseimbangan lan nggawe emosi tartamtu ing desain sampeyan.

nglengkapi

A werna lan ngelawan ing rodha werna, +180 derajat hue. Kontras dhuwur.

#ca4e4e
Paling apik kanggo: Desain dampak dhuwur, CTA, logo

Pamisah-pelengkap

A werna lan loro jejer kanggo nglengkapi sawijining, +/-30 derajat hue saka Nilai ngelawan werna utama. Kandel kaya pelengkap lurus, nanging luwih serbaguna.

Paling apik kanggo: Tata letak sing sregep nanging seimbang

Triad

Telung warna kanthi jarak sing rata ing sadawane roda warna, saben 120 derajat hue. Paling apik kanggo ngidini siji werna kanggo dominasi lan nggunakake liyane minangka aksen.

Paling apik kanggo: Desain sing nyenengake, energik

Analog

Telung werna saka luminance padha lan jenuh karo hues sing jejer ing rodha werna, 30 derajat loro. transisi Gamelan.

Paling apik kanggo: Antarmuka sing diilhami dening alam, tenang

Monochromatic

Telung werna saka hue padha karo nilai luminance +/-50%. Subtle lan olahan.

Paling apik kanggo: Desain minimalis, canggih

Tetradic

Rong set warna pelengkap, dipisahake kanthi 60 derajat hue.

Paling apik kanggo: Skema warna sing sugih lan macem-macem

Prinsip Teori Warna

imbangan

Gunakake siji werna dominan, dhukungan karo sekunder, lan logat sparingly.

Kontras

Priksa manawa kontras cukup kanggo maca lan aksesibilitas.

Harmoni

Werna kudu bisa bebarengan kanggo nggawe pengalaman visual sing manunggal.

Pemeriksa Kontras Warna

Tes kombinasi warna kanggo mesthekake yen cocog karo standar aksesibilitas WCAG kanggo keterbacaan teks.

Warna Teks
Werna latar mburi
Kontras
Fail
Teks cilik
✖︎
Teks gedhe
✖︎
Standar WCAG
AA:Rasio kontras minimal 4,5:1 kanggo teks normal lan 3:1 kanggo teks gedhe. Dibutuhake kanggo umume situs web.
AAA:Rasio kontras sing ditingkatake yaiku 7:1 kanggo teks normal lan 4,5:1 kanggo teks gedhe. Dianjurake kanggo aksesibilitas optimal.

Kabeh wong Genius. Nanging yen sampeyan ngadili iwak saka kemampuane kanggo menek wit, bakal urip kabeh urip kanthi percaya yen iku bodho.

- Albert Einstein

Format Teknis

Format Praktis

Analisis Warna

Simulator Buta

Aspek Kreatif