Panduan Memilih Kode Warna Benang Jahit Ekstra untuk Proyek Jahitan Anda
10 Website untuk Mencari Kombinasi Kode Warna Lengkap
1. Canva
Canva adalah tools desain grafis online dengan segudang fitur. Nah, salah satunya adalah color wheel yang memungkinkan Anda mencoba-coba berbagai kombinasi kode HTML warna.
Hal yang pantas diacungi jempol adalah Canva juga menjelaskan tentang teori warna di samping color wheel tersebut. Sehingga Anda juga bisa belajar sambil bereksperimen di saat yang sama.
2. Adobe Color CC
Brand raksasa di dunia desain grafis ini juga punya color wheel gratis yang bisa Anda gunakan untuk kombinasi warna CSS, lho.
3. Paletton
Situs kombinasi kode warna lengkap selanjutnya adalah Paletton. Bisa dikatakan, fitur Paletton ini berada di tengah-tengah antara Canva dan Adobe Color CC, sederhana tapi dengan cukup banyak fitur.
Selain itu, ada panduan lengkap cara menggunakan Paletton tepat di bawah color wheel. Jadi, jika kebingungan, Anda bisa langsung membaca panduan tersebut.
4. Coolors
Coolors cukup berbeda dengan situs kombinasi RGB sebelum-sebelumnya. Sebab, Anda harus memilih terlebih dahulu warna yang ditampilkan acak berdasarkan koleksi Coolors.
5. Mudcube Colour Sphere
6. CheckMyColours
7. Spy Color
8. Color Explorer
9. W3School HTML Color Picker
W3School HTML Color Picker dapat Anda gunakan untuk memilih warna berdasarkan warna dasar. Anda dapat memilih tingkat saturasi dan melihat langsung (preview) hasilnya.
Selain itu, terdapat juga pilihan untuk memasukkan warna berdasarkan kode dan juga memunculkan jendela HTML 5 untuk pemilihan warna. Kode warna CSS, HTML, dan RGBnya pun dan dengan mudah Anda ketahui via situs ini.
10. HTML Color Code
HTML Color Code merupakan situs web sederhana yang menyediakan tampilan pemilihan warna. Anda tinggal mengarahkan kursor ke dalam tabel warna atau menggeser slider untuk mendapatkan warna yang sesuai dengan kode warna dalam bentuk hexadecimal.
Kode Warna HTML dan CSS
Berikut adalah daftar kode warna HTML dan CSS lengkap berdasarkan kode Hexadecimal (HEX) serta RGB untuk Anda jadikan sebagai referensi:
Sebagai pelengkap, ini dia perbandingan kode warna RGB, HEX, dan HTML CSS untuk beberapa kombinasi kode warna yang masih serumpun:
| Nama Warna | Kode Warna CSS HTML | Kode Warna HEX | Kode Warna RGB |
|---|---|---|---|
| lightsalmon | #FFA07A | rgb(255,160,122) | |
| salmon | #FA8072 | rgb(250,128,114) | |
| darksalmon | #E9967A | rgb(233,150,122) | |
| lightcoral | #F08080 | rgb(240,128,128) | |
| indianred | #CD5C5C | rgb(205,92,92) | |
| crimson | #DC143C | rgb(220,20,60) | |
| firebrick | #B22222 | rgb(178,34,34) | |
| red | #FF0000 | rgb(255,0,0) | |
| darkred | #8B0000 | rgb(139,0,0) |
Sampai di sini, Anda mengetahui daftar kode warna dalam HTML lengkap. Namun sebagian dari Anda mungkin masih bingung dengan perbedaan kode RGB dan kode HEX.
Nah, keduanya akan dibahas pada poin selanjutnya. Yuk simak bersama!
Apa itu Kode Warna RGB dan HEX?
RGB adalah kode warna yang terdiri dari tiga bagian angka. Ketiga bagian ini terpisah oleh tanda koma, contohnya seperti “rgb(251, 235, 217)”. Setiap digit kodenya melambangkan warna red (merah), green (hijau), blue (biru) atau #RRGGBB.
Mungkin Anda bertanya-tanya, kenapa harus merah, hijau, dan biru?
Karena, ketiganya merupakan warna primer yang umum digunakan di web dan layar komputer. Selain itu, kombinasi dari ketiga warna ini juga mampu membuat hingga lebih dari 16 juta warna!
Selain kode RGB, ada juga kode Hexadecimal atau yang lebih dikenal dengan HEX.
Kode HEX adalah tipe yang umumnya diawali dengan tanda “#”. Anda pasti sudah pernah melihat kode warna HEX seperti kombinasi warna #92a8d1 dan #ff0000 ketika mendesain sesuatu.
Sebenarnya, tidak ada perbedaan kuat antara HEX dan RGB, selain jumlah digitnya. Semuanya bisa dipakai ketika Anda menggunakannya sebagai kode warna CSS dan HTML.
Sudah paham apa itu kode HTML warna RGB dan HEX, kan? Berikutnya, kami ajak Anda belajar cara menggunakan kode warna HTML CSS.
Langsung meluncur ke bawah, ya!
Tags: jahit benang extra
