diskusi.tech (beta) Community

loading...
DeepTechID

Cara Copy-Paste Warna Benda Dunia Nyata Pake Aplikasi Ciptaannya UX Engineer Indonesia

mimindeeptech profile image Mimin Deep Tech ・1 min read

Gak kalah dengan AR Copy Paste ciptaan engineer luar negeri, Indonesia juga punya Color Copy Paste.

Color Copy Paste dibuat oleh Lead UX Engineer Grab, Sonny Lazuardi. Diciptain buat nge-copy warna objek di sekitar kita dengan sangat mudah. Kita pun gak perlu capek-capek foto kalau mau ngecek warnanya di color picker.

Setelah ter-copy, warna tersebut bisa di-paste ke design tools (seperti Figma dan Sketch) atau web browser.

Teknologi yang Dipake dalam Color Copy Paste

  • Canvas Elemen HTML yang bisa digunain buat ngegambar grafis (biasanya melalui JavaScript).
  • WebSocket Buat ngirim data warna. Teknologi ini memungkinkan terjadinya komunikasi interaktif secara dua arah (antara pengguna web dan server).

Kemampuan Color Copy Paste Juli 2020

  • Bisa ngasih nama warna secara otomatis berdasarkan kamus kosa kata warna bahasa Indonesia.
  • Bisa ngeganti nama dan nyari warna berdasarkan nama.

Kok Bisa?
Caranya dengan ngekalkulasi kode warna (hexcode).

Ketika ada warna baru pada suatu objek tertangkap kamera, warna tersebut akan diubah dalam bentuk hexcode. Hexcode akan dibandingin, dicari dengan yang paling mirip, lalu di-mapping dengan nama warna yang ada di koleksi warna kita tersebut.

Color Copy Paste adalah proyek open source. Jadi, kita yang mau ikut ngembangin bisa gabung di github.com/sonnylazuardi/color-copy-paste.

Kalo mau nyoba aplikasinya, bisa kita coba di colorcopypaste.app.

Pada Juni 2020, Color Copy Paste berhasil ngedudukin peringkat ke-3 kategori Product of The Day di Product Hunt, sebuah situs bagi para pengguna untuk berbagi dan menemukan produk baru.

Majulah terus teknologi Indonesia!

Yuk, ajak temen lainnya buat ikutan ngembangin proyek ini dan tag namanya di comment, ya :)

Discussion

pic
Editor guide