Generator & Picker Kode Warna

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

Konversi Warna

HEX

#ac9e22

Lemon Ginger

HEX
#ac9e22
HSL
54, 67, 40
RGB
172, 158, 34
XYZ
30, 33, 6
CMYK
0, 8, 80, 33
LUV
64,24,66
LAB
64, -8, 61
HWB
54, 13, 33

Variasi

Tujuan tina bagian ieu nyaéta pikeun ngahasilkeun tints (bodas murni ditambahkeun) sareng shades (hideung murni ditambahkeun) tina warna anu anjeun pilih dina 10% inkremen.

Tip Pro: Anggo shades pikeun kaayaan hover sareng bayangan, tints pikeun sorotan sareng latar tukang.

Shades

Variasi anu langkung poék diciptakeun ku nambihan hideung kana warna dasar anjeun.

Tints

Variasi anu langkung terang diciptakeun ku nambihan bodas kana warna dasar anjeun.

Kasus Pamakéan Umum

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

Tip Sistem Desain

Variasi ieu ngabentuk dasar tina palet warna anu kohesif. Ékspor aranjeunna pikeun ngajaga konsistensi di sakuliah proyék anjeun.

Kombinasi Warna

Unggal harmoni gaduh suasana haté sorangan. Anggo harmoni pikeun ngararancang kombinasi warna anu cocog.

Kumaha Ngagunakeun

Klik dina warna naon waé pikeun nyalin nilai hex na. Kombinasi ieu sacara matematis kabuktian pikeun nyiptakeun harmoni visual.

Naha Éta Penting

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

Komplemen

Hiji warna sareng lawanna dina roda warna, +180 derajat tina hue. Kontras anu tinggi.

#ac9e22
Pangalusna pikeun: Desain anu mangaruhan, CTA, logo

Komplemen-split

Hiji warna sareng dua anu caket kana komplemennya, +/-30 derajat tina hue ti nilai sabalikna warna utama. Berani sapertos komplemen langsung, tapi langkung serbaguna.

Pangalusna pikeun: Tata letak anu vibrant tapi seimbang

Triadik

Tilu warna anu jarakna rata dina roda warna, masing-masing 120 derajat tina hue. Pangalusna pikeun ngantepkeun hiji warna dominan sareng ngagunakeun anu sanés salaku aksen.

Pangalusna pikeun: Desain anu playful, energetik

Analog

Tilu warna kalayan luminansi sareng saturasi anu sami sareng hue anu caket dina roda warna, 30 derajat jarakna. Transisi anu lemes.

Pangalusna pikeun: Antarmuka anu diilhami ku alam, menenangkan

Monokromatik

Tilu warna tina hue anu sami kalayan nilai luminansi +/-50%. Halus sareng anggun.

Pangalusna pikeun: Desain minimalis, canggih

Tetradik

Dua set warna komplementer, dipisah ku 60 derajat hue.

Pangalusna pikeun: Skéma warna anu kaya, rupa-rupa

Prinsip Teori Warna

Kasaimbangan

Pake hiji warna dominan, dukung ku warna sekundér, sareng aksen sacara hemat.

Kontras

Pastikeun kontras anu cukup pikeun kabaca sareng aksésibilitas.

Harmoni

Warna kedah gawé bareng pikeun nyiptakeun pangalaman visual anu ngahiji.

Pamariksaan Kontras Warna

Uji kombinasi warna pikeun mastikeun yén éta nyumponan standar aksésibilitas WCAG pikeun kabacaan téks.

Warna Téks
Warna Latar Tukang
Kontras
1.00
Fail
Pisan goréng
Téks leutik
✖︎
Téks ageung
✖︎
Standar WCAG
AA:Rasio kontras minimum 4.5:1 pikeun téks normal sareng 3:1 pikeun téks ageung. Diperyogikeun pikeun kalolobaan situs wéb.
AAA:Rasio kontras anu ditingkatkeun 7:1 pikeun téks normal sareng 4.5:1 pikeun téks ageung. Disarankeun pikeun aksésibilitas optimal.
Kontras teu cukup pikeun sadaya ukuran téks - gagal standar WCAG.

Pamariksa kontras canggih

Setélan halus nganggo slider, sababaraha pratinjau & langkung seueur deui

Sadayana mangrupikeun Jenius. Tapi Upami Anjeun Nguji Lauk ku Kamampuanna Nanjak Tangkal, Éta Bakal Hirup Sakumna Hirupna Percaya yén Éta Bodoh.

- Albert Einstein

Format Teknis

Format Praktis

Analisis warna

Simulator Buta Warna

Aspek kreatif