Menu

  • 0812 7124 5514
  • 0878 9929 7914
  • Pin BB 587FBF31
  • frwebhost@gmail.com

FR-System

Detail Artikel

Home/ Web Design/Detail Artikel

10 Situs Perpaduan Warna Buat Websitemu jadi Tambah Ganteng

10 Situs Perpaduan Warna Buat Websitemu jadi Tambah Ganteng

bagi para desainer perpaduan warna sangat penting, kenapa? karena warna adalah salah satu elemen paling penting. kita sebagai desain dapat membuat desain yang bagus tetapi pada saat memadukan warna yang kurang tepat maka hasilnya juga akan menjadi desain yang kurang sempurna. dan memadukan warna yang tepat bukanlah hal yang mudah, terkadang membuat desainer menjadi frustasi.
tetapi beberapa situs dibawah ini dapat membantu kita untuk memaduhkan warna yang pas untuk desain website, desain grasfish dan sebagainya.

1. Material Mixer


Tool Material Mixer memungkin anda untuk memadukan warna primary dan secondary dari desain material. Material Mixer merupakan tools warna yang paling cocok untuk para web desainer, karena tools menyediakan langsung 4 perpaduan warna diantaranya primary shade, primary light, primary dark, accent shade dan accent light, dan langsung dilengkapi dengan perintah warna yang nantinya dapat anda tuliskan pada file CSS. selain itu material Mixer juga terdapat tampilan preview perpaduan warna yang sudah kita pilih. Untuk Mencobanya, silahkan Klik Link dibawah ini
Buka Situs Material Mixer

2. Material Design Palette


material design Palette memiliki beberapa combinasi warna yang modern, kita dapat memilihnya tetapi hanya 2 yang dapat dipilih yaitu primary color accent color, setelah kita memilih 2 warna tersebut. maka dibagian kanan akan muncul preview dari 2 kombinasi warna yang sudah dipilih, dan pada bagian bawah terdapat warna rujukan yang bisa kita ambil seperti Dark Primary Color, Primary Color, Light Primary Color, Text/Icon, Accent Color, Primary Text, Secondary Text dan Divided Color.
Selain itu Material Palette memiliki fasilitas Download seperti Download ke CSS, SASS, LESS, SVG, XML, PNG dan POLYMER. bentuk Hasil Download dalam Bentuk CSS seperti code dibawah ini

	.dark-primary-color    { background: #303F9F; }
.default-primary-color { background: #3F51B5; }
.light-primary-color { background: #C5CAE9; }
.text-primary-color { color: #FFFFFF; }
.accent-color { background: #FF5252; }
.primary-text-color { color: #212121; }
.secondary-text-color { color: #757575; }
.divider-color { border-color: #BDBDBD; }
Selain Material Palette, Situs ini memberikan Daftar Warna yang dapat anda pilih secara manual, seperti gambar di bawah ini

untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Material Palette

3. Color Mixer

Tool isi melakukan apa yang dikatakan olehnya yaitu Perpaduan Warna atai Color Mixer. kita dapat memilih warna awal dan warna akhir, selanjutnya situs akan melakukan kombinasi warna sesuai dengan yang kita mau, kita dapat menentukan warna RGB yang ada pada Color Picker dan situs akan mengubahnya menjadi code HEX yang dapat anda ambil dan dimasukkan kedalam File CSS, Photoshop Maupun Aplikasi Desain Lainnya.

untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Color Mixer

4. Colllor

Dengan Colllor lebih mudah menghasilkan palet warna web yang konsisten hanya dengan beberapa klik. Anda harus menggunakan warna secara konsisten, sehingga Anda memiliki tampilan dan nuansa yang umum di seluruh desain Anda. Semua usulan alternatif yang dihasilkan oleh Colllor berasal dari warna yang sama dan semuanya memiliki nilai rujukan, nilai terang atau kejenuhan yang umum. Alat ini akan membiarkan Anda menemukan nilai yang tepat dari nuansa warna yang lebih gelap, bukan hanya sesuatu yang 'terlihat lebih gelap'. Itu akan menjadi langkah besar menuju desain yang tampak profesional.

untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Colllor

5. Material Design Color


Web Tool kecil ini membantu Anda memvisualisasikan warna desain material dan juga dengan mudah menyalin warna dalam format yang berbeda. Cukup klik untuk memilih. untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Material Design Color

6. Paletton


untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Paletton

7. Color Wheel Milim Adobe


untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Adobe Color Wheel

8. Material Color


untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Material Color

9. Color Scheme Designer


untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Color Scheme Designer

Color Calculator


untuk mencobanya, silahkan klik link dibawah ini
Buka Situs Color Calculator

Artikel Lainnya

Komentar Anda

TpyNd

0 Komentar

komentar masih kosong

Produk Kami

Popular Post

Facebook Page

Statistik Pengunjung

  • Hari ini
    :
    598
  • Kemarin
    :
    330
  • Bulan ini
    :
    12401
  • Tahun ini
    :
    169198
  • Total
    :
    1168410
  • Hits Count
    :
    2365242
  • Now Online
    :
    2 Users