Konversi Warna
#c0ffee
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 sampeyan.
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.
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.
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.
Analog
Telung werna saka luminance padha lan jenuh karo hues sing jejer ing rodha werna, 30 derajat loro. transisi Gamelan.
Monochromatic
Telung werna saka hue padha karo nilai luminance +/-50%. Subtle lan olahan.
Tetradic
Rong set warna pelengkap, dipisahake kanthi 60 derajat hue.
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
Standar WCAG
Pemeriksa Kontras Lanjut
Setel kanthi panggeser, macem-macem pratinjau & liya-liyane
Kabeh wong Genius. Nanging yen sampeyan ngadili iwak saka kemampuane kanggo menek wit, bakal urip kabeh urip kanthi percaya yen iku bodho.
Format Teknis
Format Praktis
Analisis Warna
Simulator Buta
Aspek Kreatif
Pitakonan sing kerep ditakoni
- Nomer C0FFEE warnane apa?
- # C0FFEE iku Seafoam Macchiato – A whisper-light mint-cyan that reads as cooled seafoam—soft, translucent, and almost luminous. It evokes a breezy, restorative calm with a wink of playful refreshment.
- Apa sing disimbolake dening Seafoam Macchiato ?
- renewal (new leaves / spring), cleanliness and hygiene, approachability and friendliness, youthful optimism, subtle luxury when paired with mattes. In Western contexts this pale mint reads as healthful and fresh (spa, food, eco). In East Asian ceramic traditions, similar soft greens (celadon) signify refinement and calm. In Islamic and some Mediterranean contexts green/teal tones connote fertility and protection, though the pale tone here emphasizes delicacy rather than power.
- Ing endi Seafoam Macchiato digunakake ing desain?
- In a space or interface this color cools and lifts visual temperature, making environments feel more open and breathable. Because it’s very light, it expands perceived space and reduces visual weight when used on surfaces and accents.