
Arahkan kursor pada warna untuk mendapatkan kode warna hex dan desimal di bawah ini:
| Hex: # | |||
| Merah: | |||
| Hijau: | |||
| Biru: |
Ruang warna RGB atau Sistem warna RGB, membangun semua warna dari kombinasi Merah, Hijau dan Biru warna..
Merah, hijau, dan biru menggunakan masing‑masing 8 bit, dengan nilai integer dari 0 hingga 255. Ini menghasilkan 256*256*256 = 16.777.216 kemungkinan warna.
RGB ≡ Merah, Hijau, Biru
Setiap piksel pada monitor LED menampilkan warna dengan cara ini, melalui kombinasi LED merah, hijau, dan biru.
Ketika piksel merah disetel ke 0, LED mati. Ketika disetel ke 255, LED menyala penuh.
Nilai di antaranya menghasilkan tingkat pencahayaan sebagian.
Kode RGB memiliki format 24 bit (bit 0..23)::
| MERAH[7:0] | HIJAU[7:0] | BIRU[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Warna dasar:
| Warna | Nama HTML / CSS | Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
|---|---|---|---|
| Hitam | #000000 | (0,0,0) | |
| Putih | #FFFFFF | (255,255,255) | |
| Lime | #FF0000 | (255,0,0) | |
| Lime | #00FF00 | (0,255,0) | |
| Biru | #0000FF | (0,0,255) | |
| Kuning | #FFFF00 | (255,255,0) | |
| cyan | #00FFFF | (0,255,255) | |
| Magenta / Fuchsia | #FF00FF | (255,0,255) | |
| Perak | #C0C0C0 | (192,192,192) | |
| Abu‑abu | #808080 | (128,128,128) | |
| Marun | #800000 | (128,0,0) | |
| Zaitun | #808000 | (128,128,0) | |
| Hijau | #008000 | (0,128,0) | |
| Ungu | #800080 | (128,0,128) | |
| Teal | #008080 | (0,128,128) | |
| Navy | #000080 | (0,0,128) |
| Warna | Nama Warna | Kode Hex | Kode Desimal | |
|---|---|---|---|---|
| Marun | #800000 | (128,0,0) | ||
| merah tua | #8B0000 | (139,0,0) | ||
| cokelat | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| crimson | #DC143C | (220,20,60) | ||
| tomat | #FF0000 | (255,0,0) | ||
| tomat | #FF6347 | (255,99,71) | ||
| koral | #FF7F50 | (255,127,80) | ||
| indian red | #CD5C5C | (205,92,92) | ||
| light coral | #F08080 | (240,128,128) | ||
| dark salmon | #E9967A | (233,150,122) | ||
| salmon | #FA8072 | (250,128,114) | ||
| light salmon | #FFA07A | (255,160,122) | ||
| orange red | #FF4500 | (255,69,0) | ||
| dark orange | #FF8C00 | (255,140,0) | ||
| oranye | #FFA500 | (255,165,0) | ||
| emas | #FFD700 | (255,215,0) | ||
| dark golden rod | #B8860B | (184,134,11) | ||
| golden rod | #DAA520 | (218,165,32) | ||
| pale golden rod | #EEE8AA | (238,232,170) | ||
| dark khaki | #BDB76B | (189,183,107) | ||
| khaki | #F0E68C | (240,230,140) | ||
| Zaitun | #808000 | (128,128,0) | ||
| Kuning | #FFFF00 | (255,255,0) | ||
| kuning hijau | #9ACD32 | (154,205,50) | ||
| hijau zaitun tua | #556B2F | (85,107,47) | ||
| olive drab | #6B8E23 | (107,142,35) | ||
| lawn green | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| green yellow | #ADFF2F | (173,255,47) | ||
| hijau tua | #006400 | (0,100,0) | ||
| Hijau | #008000 | (0,128,0) | ||
| forest green | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| lime green | #32CD32 | (50,205,50) | ||
| light green | #90EE90 | (144,238,144) | ||
| pale green | #98FB98 | (152,251,152) | ||
| dark sea green | #8FBC8F | (143,188,143) | ||
| medium spring green | #00FA9A | (0,250,154) | ||
| spring green | #00FF7F | (0,255,127) | ||
| sea green | #2E8B57 | (46,139,87) | ||
| medium aqua marine | #66CDAA | (102,205,170) | ||
| medium sea green | #3CB371 | (60,179,113) | ||
| light sea green | #20B2AA | (32,178,170) | ||
| dark slate gray | #2F4F4F | (47,79,79) | ||
| Teal | #008080 | (0,128,128) | ||
| cyan tua | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| light cyan | #E0FFFF | (224,255,255) | ||
| dark turquoise | #00CED1 | (0,206,209) | ||
| turquoise | #40E0D0 | (64,224,208) | ||
| medium turquoise | #48D1CC | (72,209,204) | ||
| pale turquoise | #AFEEEE | (175,238,238) | ||
| aqua marine | #7FFFD4 | (127,255,212) | ||
| powder blue | #B0E0E6 | (176,224,230) | ||
| cadet blue | #5F9EA0 | (95,158,160) | ||
| steel blue | #4682B4 | (70,130,180) | ||
| cornflower blue | #6495ED | (100,149,237) | ||
| deep sky blue | #00BFFF | (0,191,255) | ||
| dodger blue | #1E90FF | (30,144,255) | ||
| light blue | #ADD8E6 | (173,216,230) | ||
| sky blue | #87CEEB | (135,206,235) | ||
| light sky blue | #87CEFA | (135,206,250) | ||
| midnight blue | #191970 | (25,25,112) | ||
| Navy | #000080 | (0,0,128) | ||
| biru tua | #00008B | (0,0,139) | ||
| medium blue | #0000CD | (0,0,205) | ||
| Biru | #0000FF | (0,0,255) | ||
| royal blue | #4169E1 | (65,105,225) | ||
| blue violet | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| dark slate blue | #483D8B | (72,61,139) | ||
| slate blue | #6A5ACD | (106,90,205) | ||
| medium slate blue | #7B68EE | (123,104,238) | ||
| medium purple | #9370DB | (147,112,219) | ||
| magenta tua | #8B008B | (139,0,139) | ||
| violet tua | #9400D3 | (148,0,211) | ||
| dark orchid | #9932CC | (153,50,204) | ||
| medium orchid | #BA55D3 | (186,85,211) | ||
| ungu | #800080 | (128,0,128) | ||
| thistle | #D8BFD8 | (216,191,216) | ||
| plum | #DDA0DD | (221,160,221) | ||
| violet | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orchid | #DA70D6 | (218,112,214) | ||
| medium violet red | #C71585 | (199,21,133) | ||
| pale violet red | #DB7093 | (219,112,147) | ||
| deep pink | #FF1493 | (255,20,147) | ||
| hot pink | #FF69B4 | (255,105,180) | ||
| light pink | #FFB6C1 | (255,182,193) | ||
| pink | #FFC0CB | (255,192,203) | ||
| antique white | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| blanched almond | #FFEBCD | (255,235,205) | ||
| wheat | #F5DEB3 | (245,222,179) | ||
| corn silk | #FFF8DC | (255,248,220) | ||
| lemon chiffon | #FFFACD | (255,250,205) | ||
| light golden rod yellow | #FAFAD2 | (250,250,210) | ||
| light yellow | #FFFFE0 | (255,255,224) | ||
| saddle brown | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| cokelat | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| sandy brown | #F4A460 | (244,164,96) | ||
| burly wood | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| rosy brown | #BC8F8F | (188,143,143) | ||
| moccasin | #FFE4B5 | (255,228,181) | ||
| navajo white | #FFDEAD | (255,222,173) | ||
| peach puff | #FFDAB9 | (255,218,185) | ||
| misty rose | #FFE4E1 | (255,228,225) | ||
| lavender blush | #FFF0F5 | (255,240,245) | ||
| linen | #FAF0E6 | (250,240,230) | ||
| old lace | #FDF5E6 | (253,245,230) | ||
| papaya whip | #FFEFD5 | (255,239,213) | ||
| sea shell | #FFF5EE | (255,245,238) | ||
| mint cream | #F5FFFA | (245,255,250) | ||
| slate gray | #708090 | (112,128,144) | ||
| light slate gray | #778899 | (119,136,153) | ||
| light steel blue | #B0C4DE | (176,196,222) | ||
| lavender | #E6E6FA | (230,230,250) | ||
| floral white | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| ghost white | #F8F8FF | (248,248,255) | ||
| honeydew | #F0FFF0 | (240,255,240) | ||
| ivory | #FFFFF0 | (255,255,240) | ||
| azure | #F0FFFF | (240,255,255) | ||
| snow | #FFFAFA | (255,250,250) | ||
| hitam | #000000 | (0,0,0) | ||
| dim gray | #696969 | (105,105,105) | ||
| gray / grey | #808080 | (128,128,128) | ||
| dark gray | #A9A9A9 | (169,169,169) |
Temukan Warna Secara Instan: Pencari Warna RGB yang Kuat untuk Desainer, Pengembang, dan Kreator | |
| Memilih Warna yang Sempurna adalah salah satu langkah terpenting dalam Proyek digital apa pun. Baik Anda mendesain situs web, membuat logo, mengembangkan antarmuka aplikasi, atau sekadar bereksperimen dengan ide visual, pemilihan Warna memainkan peran sentral dalam membentuk hasil akhir. untuk membuat proses ini lebih mudah, cepat, dan intuitif, kami telah menciptakan alat baru yang memungkinkan Anda menemukan Warna tepat yang Anda perlukan baik menggunakan mouse atau dengan memasukkan nilai RGB secara manual. | |
| ✔ Alat ini dirancang untuk siapa saja yang bekerja dengan warna secara teratur dan menginginkan cara yang sederhana, akurat, dan efisien untuk mengubah nilai RGB menjadi pratinjau warna visual dan kode heksadesimal yang bersih. | |
| ✔ Pencari Warna RGB kami dibuat dengan mempertimbangkan kegunaan. Ini menawarkan pengalaman interaktif dan halus yang membantu Anda menjelajahi warna secara visual atau numerik, tergantung pada preferensi Anda. Baik Anda seorang desainer yang lebih suka menyeret penggeser untuk menemukan warna yang sempurna, atau pengembang yang perlu mengetikkan nilai RGB dengan tepat, alat ini beradaptasi dengan alur kerja Anda. | |
| ✔ Antarmukanya bersih, responsif, dan dioptimalkan untuk desktop dan perangkat seluler, memastikan Anda dapat menggunakannya di mana pun inspirasi muncul. | |
| ✔ Salah satu fitur paling canggih dari alat ini adalah kemampuan untuk menyesuaikan warna menggunakan mouse Anda. Dengan gerakan drag sederhana, Anda dapat menjelajahi spektrum penuh nilai merah, hijau, dan biru. | |
| ✔ Pendekatan visual ini sangat cocok untuk pengguna yang ingin bereksperimen dengan nada dan kombinasi berbeda tanpa perlu mengetahui nilai numerik pastinya terlebih dahulu. Saat Anda menggerakkan penggeser, alat ini langsung memperbarui kotak pratinjau, memberi Anda umpan balik waktu nyata mengenai warna yang Anda buat. | |
| ✔ Hal ini membuatnya sangat mudah untuk menyempurnakan corak, membandingkan variasi, dan menemukan ide warna baru yang mungkin belum Anda pertimbangkan. | |
| ✔ Bagi pengguna yang lebih menyukai presisi, alat ini juga memungkinkan Anda memasukkan tiga nilai RGB secara manual. Hal ini sangat berguna bagi pengembang yang bekerja dengan palet warna tertentu, pedoman merek, atau komponen UI yang memerlukan pencocokan warna yang tepat. | |
| ✔ Cukup ketikkan nilai merah, hijau, dan biru, dan alat akan segera menampilkan warna yang sesuai beserta representasi heksadesimalnya. Sistem masukan ganda ini memastikan bahwa alat ini cukup fleksibel untuk mendukung eksplorasi kreatif dan akurasi teknis. | |
| ✔ Keuntungan utama lainnya dari alat ini adalah konversi otomatis dari RGB ke HEX. Banyak desainer dan pengembang sering beralih antara kedua format ini, terutama saat bekerja dengan CSS, perangkat lunak Desain, atau branding digital. Daripada menghitung kode heksadesimal secara manual atau mencari konverter eksternal, alat kami akan langsung melakukan pekerjaannya untuk Anda. Segera setelah Anda memilih atau memasukkan nilai RGB, kode HEX muncul dalam format huruf besar, siap untuk disalin dan digunakan dalam proyek Anda. | |
| ✔ Ini menghemat waktu, mengurangi kesalahan, dan menyederhanakan alur kerja Anda. | |
| ✔ Di luar fungsi intinya, RGB Color Finder juga dirancang untuk mendidik. Untuk pemula, ini memberikan cara sederhana untuk memahami bagaimana nilai RGB digabungkan untuk menciptakan warna yang berbeda. Dengan menyesuaikan bilah geser atau memasukkan angka, pengguna dapat melihat bagaimana peningkatan atau penurunan setiap komponen mempengaruhi hasil akhir. | |
| ✔ Hal ini menjadikan alat ini sebagai sumber daya yang bagus bagi pelajar, penghobi, dan siapa pun yang mempelajari teori warna digital. | |
| ✔ Alat ini juga ideal bagi para profesional yang membutuhkan Pemilih warna andal yang bekerja langsung di browser tanpa memerlukan instalasi atau plugin apa pun. Baik Anda sedang membangun situs web, merancang antarmuka pengguna, atau menyiapkan ilustrasi digital, memiliki akses cepat ke Pemilih warna yang tepat dan intuitif dapat mempercepat proses kreatif Anda secara signifikan. | |
| ✔ Desain ringan memastikan waktu pemuatan cepat, dan antarmuka dioptimalkan untuk kejelasan dan kemudahan penggunaan. | |
| Di dunia di mana identitas visual menjadi lebih penting dari sebelumnya, memiliki alat yang tepat untuk mengelola warna sangatlah penting. Pencari Warna RGB kami menggabungkan kesederhanaan, presisi, dan fleksibilitas ke dalam satu antarmuka yang ramah pengguna. Baik Anda menjelajahi warna dengan mouse atau memasukkan nilai RGB yang tepat, alat ini memberi Anda semua yang Anda perlukan untuk menemukan warna yang sempurna dan mengubahnya secara instan menjadi kode HEX yang dapat digunakan. | |
| Ini cepat, akurat, dan dirancang untuk mendukung kreativitas dan pekerjaan teknis. | |
Tinggalkan komentar atau pertanyaan di bawah |
![]() |
Kalkulator Sederhana |
![]() |
Kalkulator Ilmiah |
![]() |
Kalkulator Luas |
![]() |
Kalkulator Volume |
![]() |
Konverter Satuan |
![]() |
Kalkulator Annulus |
![]() |
Alat Konversi Data |
![]() |
Kompresor Gambar |
![]() |
Kompresor File |
![]() |
Pemilih Warna RGB |
![]() |
Konverter File ke PDF |
![]() |
Kalkulator Border Radius |
![]() |
Kalkulator Box Shadow |
![]() |
Kalkulator Transform |
![]() |
Penguji Perangkat Responsif |
![]() |
Konverter Zona Waktu & Selisih Tanggal |
![]() |
Kalkulator Persentase |
![]() |
Penjelajah Tren GitHub |
![]() |
Alat Perbandingan Tren |
![]() |
Generator Kode QR |
![]() |
Bandingkan File Online |
![]() |
Tes Kecepatan Website Gratis |
dzosoft.com © 2022 - 2026 Penulis: Ing. A. Nasri. Hak cipta dilindungi.
Kami menggunakan cookie untuk membantu Anda menavigasi dengan efisien dan menjalankan fungsi tertentu. Anda akan menemukan informasi terperinci tentang semua cookie di setiap kategori persetujuan di bawah ini. Cookie yang dikategorikan sebagai “Diperlukan” disimpan di browser Anda karena penting untuk mengaktifkan fungsi dasar situs.
Kami juga menggunakan cookie pihak ketiga yang membantu kami menganalisis bagaimana Anda menggunakan situs ini, menyimpan preferensi Anda,
dan menyediakan konten serta iklan yang relevan bagi Anda. Cookie ini hanya akan disimpan di browser Anda
dengan persetujuan Anda sebelumnya.
Anda dapat memilih untuk mengaktifkan atau menonaktifkan beberapa atau semua cookie ini, tetapi menonaktifkan sebagian dapat memengaruhi pengalaman browsing Anda.
Dengan mengklik “Terima”, Anda menyetujui penggunaan cookie sebagaimana dijelaskan dalam
Kebijakan Privasi.
Cookie yang diperlukan dibutuhkan untuk mengaktifkan fitur dasar situs ini, seperti menyediakan login aman atau menyesuaikan preferensi persetujuan Anda. Cookie ini tidak menyimpan data pribadi apa pun.
Cookie fungsional membantu menjalankan fungsi tertentu seperti berbagi konten situs web di platform media sosial, mengumpulkan umpan balik, dan fitur pihak ketiga lainnya.
Cookie analitik digunakan untuk memahami bagaimana pengunjung berinteraksi dengan situs web. Cookie ini membantu memberikan informasi tentang metrik seperti jumlah pengunjung, rasio pentalan, sumber lalu lintas, dan lainnya.
Cookie performa digunakan untuk memahami dan menganalisis indeks performa utama dari situs web yang membantu memberikan pengalaman pengguna yang lebih baik.
Cookie iklan digunakan untuk memberikan iklan yang dipersonalisasi kepada pengunjung berdasarkan halaman yang Anda kunjungi sebelumnya dan untuk menganalisis efektivitas kampanye iklan.