BLOG POSTS

13 January 2015

Menemukan Nama Warna dari Kode Warna Heksadesimal

Pada suatu hari, kamu menemukan sebuah kode warna heksadesimal #2386ee yang begitu menarik hati. Ini adalah sebuah warna biru muda yang terlihat menyenangkan dan menenangkan #asik. Kemudian kamu berpikir apa ya nama yang sesuai untuk kode warna tersebut. Apakah “light blue”, “sea blue”, “sky blue”, atau “blue” saja? Bagaimana jika kamu menemukan warna biru yang lain yang warnanya hampir sama dengan warna biru yang sudah ada tapi memiliki karakteristik berbeda. Bagaimanakah penamaannya? Untuk hal ini, ada dua buah rekomendasi situs yang bisa membantumu, yaitu http://www.colorhexa.com/ dan http://html-color-codes.info/. 😀

Mari kita lihat situs http://www.colorhexa.com/ terlebih dahulu. ColorHexa memberikan informasi mengenai komposisi warna yang kita masukkan atau cari seperti komposisi RGB (Red, Green, Blue) dan CMYK (Cyan, Magenta, Yellow, Key or Black) hingga tingkat kecerahan (lightness), kepudaran (saturation), dan corak (hue) dari suatu warna. ColorHexa juga memberikan informasi konversi warna, skema warna, dan preview penggunaan warna pada teks dan halaman belakang-nya (background). Biar lebih jelas, mari lihat gambar-gambarnya di bawah ini. 😀

colorname_search_color_info

colorname_desc

colorname_color_conversion

colorname_color_schema

colorname_preview

colorname_shades_and_tones

Hal yang menarik dari ColorHexa adalah deskripsi warna yang ditampilkan. Untuk kode warna #2386ee, ColorHexa akan memberikan deskripsi sebagai “vivid blue”. Deskripsi warna ini bisa digunakan sebagai nama warna kita. Jadi kita ga perlu pusing lagi mencari nama warna dari suatu kode warna. 😀

Selain menggunakan deskripsi warna pada pencarian warna ColorHexa, kita bisa melihat daftar nama warna berikut kode warnanya yang umum digunakan pada http://www.colorhexa.com/color-names. Sebagai contoh, kode warna #f0f8ff ditampilkan deskripsinya sebagai “very pale (mostly white) blue” xD, padahal nama populer untuk kode warna ini adalah “alice blue”. Jadi sebelum mengambil nama dari deskripsi, silakan cocokan kode warna kita ke daftar nama warna-nya ColorHexa. 😀

colorname_list

Bagaimanapun, deskripsi warna pada pencarian warna ColorHexa tidak terlalu membedakan. Untuk warna yang kode warnanya dekat, deskripsi warnanya bisa jadi sama. Oleh karena itu, silakan lihat-lihat http://html-color-codes.info/color-names/ untuk mendapatkan informasi warna nama yang tingkat warnanya berdekatan.

colorname_white_color_names

And hey, untuk kamu yang doyan ngoding di platform Android, penamaan warna dari kode warna ini bisa diterapkan untuk res (resources) bagian colors. Lihat workspace Android Studio saya di bawah ini.

colorname_android_studio

Akhir kata, selamat berkreasi dan bermain-main dengan kode warna. 😀

Ardi Al Haidar

Ardi Al Haidar

Scrum Master at Badr Interactive
A Software development process enthusiast
Ardi Al Haidar

Latest posts by Ardi Al Haidar (see all)