Kode Warna HEX dan RGB Untuk HTML CSS

Otak.co | Berikut ini adalah 141 warna beserta kodenya yang biasa digunakan dalam kode warna HTML dan CSS. Selain itu dapat juga digunakan untuk kode warna photoshop. Warna-warna ini aman untuk dipakai karena dapat ditampilkan dengan baik oleh berbagai browser. Kumpulan kode warna disini ditampilkan dalam kode warna format Hex (Hexadecimal) dan kode warna format RGB. Untuk nama warna yang digunakan mengacu pada penamaan oleh w3schools. Jika Anda ingin lebih jelas melihat warna tertentu dalam full screen, silahkan salin kode warna html (hex/rgb) tersebut lalu kunjungi link ini. Pada situs tersebut Anda tidak perlu konversi kode warna hex ke rgb atau konversi kode warna rgb ke hex karena kedua kode tersebut lengkap ditampilkan bersamaan.

Kode Warna HexadecimalKode Warna RGB
Kode Warna HEX Alice Blue : #F0F8FFKode Warna RGB Alice Blue : rgb(240,248,255)
Kode Warna HEX Antique White : #FAEBD7Kode Warna RGB Antique White : rgb(250,235,215)
Kode Warna HEX Aqua : #00FFFFKode Warna RGB Aqua : rgb(0,255,255)
Kode Warna HEX Aqua Marine : #7FFFD4Kode Warna RGB Aqua Marine : rgb(127,255,212)
Kode Warna HEX Azure : #F0FFFFKode Warna RGB Azure : rgb(240,255,255)
Kode Warna HEX Beige : #F5F5DCKode Warna RGB Beige : rgb(245,245,220)
Kode Warna HEX Bisque : #FFE4C4Kode Warna RGB Bisque : rgb(255,228,196)
Kode Warna HEX Black : #000000Kode Warna RGB Black : rgb(0,0,0)
Kode Warna HEX Blanched Almond : #FFEBCDKode Warna RGB Blanched Almond : rgb(255,235,205)
Kode Warna HEX Blue : #0000FFKode Warna RGB Blue : rgb(0,0,255)
Kode Warna HEX Blue Violet : #8A2BE2Kode Warna RGB Blue Violet : rgb(138,43,226)
Kode Warna HEX Brown : #A52A2AKode Warna RGB Brown : rgb(165,42,42)
Kode Warna HEX Burly Wood : #DEB887Kode Warna RGB Burly Wood : rgb(222,184,135)
Kode Warna HEX Cadet Blue : #5F9EA0Kode Warna RGB Cadet Blue : rgb(95,158,160)
Kode Warna HEX Chartreuse : #7FFF00Kode Warna RGB Chartreuse : rgb(127,255,0)
Kode Warna HEX Chocolate : #D2691EKode Warna RGB Chocolate : rgb(210,105,30)
Kode Warna HEX Coral : #FF7F50Kode Warna RGB Coral : rgb(255,127,80)
Kode Warna HEX Corn flower Blue : #6495EDKode Warna RGB Corn flower Blue : rgb(100,149,237)
Kode Warna HEX Corn silk : #FFF8DCKode Warna RGB Corn silk : rgb(255,248,220)
Kode Warna HEX Crimson : #DC143CKode Warna RGB Crimson : rgb(220,20,60)
Kode Warna HEX Cyan : #00FFFFKode Warna RGB Cyan : rgb(0,255,255)
Kode Warna HEX Dark Blue : #00008BKode Warna RGB Dark Blue : rgb(0,0,139)
Kode Warna HEX Dark Cyan : #008B8BKode Warna RGB Dark Cyan : rgb(0,139,139)
Kode Warna HEX Dark Goldenrod : #B8860BKode Warna RGB Dark Goldenrod : rgb(184,134,11)
Kode Warna HEX Dark Gray/Dark Grey : #A9A9A9Kode Warna RGB Dark Gray/Dark Grey : rgb(169,169,169)
Kode Warna HEX Dark Green : #006400Kode Warna RGB Dark Green : rgb(0,100,0)
Kode Warna HEX Dark Khaki : #BDB76BKode Warna RGB Dark Khaki : rgb(189,183,107)
Kode Warna HEX Dark Magenta : #8B008BKode Warna RGB Dark Magenta : rgb(139,0,139)
Kode Warna HEX Dark Olive Green : #556B2FKode Warna RGB Dark Olive Green : rgb(85,107,47)
Kode Warna HEX Dark Orange : #FF8C00Kode Warna RGB Dark Orange : rgb(255,140,0)
Kode Warna HEX Dark Orchid : #9932CCKode Warna RGB Dark Orchid : rgb(153,50,204)
Kode Warna HEX Dark Red : #8B0000Kode Warna RGB Dark Red : rgb(139,0,0)
Kode Warna HEX Dark Salmon : #E9967AKode Warna RGB Dark Salmon : rgb(233,150,122)
Kode Warna HEX Dark Sea Green : #8FBC8FKode Warna RGB Dark Sea Green : rgb(143,188,143)
Kode Warna HEX Dark Slate Blue : #483D8BKode Warna RGB Dark Slate Blue : rgb(72,61,139)
Kode Warna HEX Dark Slate Gray/Dark Slate Grey : #2F4F4FKode Warna RGB Dark Slate Gray/Dark Slate Grey : rgb(47,79,79)
Kode Warna HEX Dark Turquoise : #00CED1Kode Warna RGB Dark Turquoise : rgb(0,206,209)
Kode Warna HEX Dark Violet : #9400D3Kode Warna RGB Dark Violet : rgb(148,0,211)
Kode Warna HEX Deep Pink : #FF1493Kode Warna RGB Deep Pink : rgb(255,20,147)
Kode Warna HEX Deep Sky Blue : #00BFFFKode Warna RGB Deep Sky Blue : rgb(0,191,255)
Kode Warna HEX Dim Gray/Dim Grey : #696969Kode Warna RGB Dim Gray/Dim Grey : rgb(105,105,105)
Kode Warna HEX Dodger Blue : #1E90FFKode Warna RGB Dodger Blue : rgb(30,144,255)
Kode Warna HEX Fire Brick : #B22222Kode Warna RGB Fire Brick : rgb(178,34,34)
Kode Warna HEX Floral White : #FFFAF0Kode Warna RGB Floral White : rgb(255,250,240)
Kode Warna HEX Forest Green : #228B22Kode Warna RGB Forest Green : rgb(34,139,34)
Kode Warna HEX Fuchsia : #FF00FFKode Warna RGB Fuchsia : rgb(255,0,255)
Kode Warna HEX Gainsboro : #DCDCDCKode Warna RGB Gainsboro : rgb(220,220,220)
Kode Warna HEX Ghost White : #F8F8FFKode Warna RGB Ghost White : rgb(248,248,255)
Kode Warna HEX Gold : #FFD700Kode Warna RGB Gold : rgb(255,215,0)
Kode Warna HEX Goldenrod : #DAA520Kode Warna RGB Goldenrod : rgb(218,165,32)
Kode Warna HEX Grey/Gray : #808080Kode Warna RGB Grey/Gray : rgb(128,128,128)
Kode Warna HEX Green : #008000Kode Warna RGB Green : rgb(0,128,0)
Kode Warna HEX Green Yellow : #ADFF2FKode Warna RGB Green Yellow : rgb(173,255,47)
Kode Warna HEX Honey Dew : #F0FFF0Kode Warna RGB Honey Dew : rgb(240,255,240)
Kode Warna HEX Hot Pink : #FF69B4Kode Warna RGB Hot Pink : rgb(255,105,180)
Kode Warna HEX Indian Red : #CD5C5CKode Warna RGB Indian Red : rgb(205,92,92)
Kode Warna HEX Indigo : #4B0082Kode Warna RGB Indigo : rgb(75,0,130)
Kode Warna HEX Ivory : #FFFFF0Kode Warna RGB Ivory : rgb(255,255,240)
Kode Warna HEX Khaki : #F0E68CKode Warna RGB Khaki : rgb(240,230,140)
Kode Warna HEX Lavender : #E6E6FAKode Warna RGB Lavender : rgb(230,230,250)
Kode Warna HEX Lavender Blush : #FFF0F5Kode Warna RGB Lavender Blush : rgb(255,240,245)
Kode Warna HEX Lawn Green : #7CFC00Kode Warna RGB Lawn Green : rgb(124,252,0)
Kode Warna HEX Lemon Chiffon : #FFFACDKode Warna RGB Lemon Chiffon : rgb(255,250,205)
Kode Warna HEX Light Blue : #ADD8E6Kode Warna RGB Light Blue : rgb(173,216,230)
Kode Warna HEX Light Coral : #F08080Kode Warna RGB Light Coral : rgb(240,128,128)
Kode Warna HEX Light Cyan : #E0FFFFKode Warna RGB Light Cyan : rgb(224,255,255)
Kode Warna HEX Light Goldenrod Yellow : #FAFAD2Kode Warna RGB Light Goldenrod Yellow : rgb(250,250,210)
Kode Warna HEX Light Gray/Light Grey : #D3D3D3Kode Warna RGB Light Gray/Light Grey : rgb(211,211,211)
Kode Warna HEX Light Green : #90EE90Kode Warna RGB Light Green : rgb(144,238,144)
Kode Warna HEX Light Pink : #FFB6C1Kode Warna RGB Light Pink : rgb(255,182,193)
Kode Warna HEX Light Salmon : #FFA07AKode Warna RGB Light Salmon : rgb(255,160,122)
Kode Warna HEX Light Sea Green : #20B2AAKode Warna RGB Light Sea Green : rgb(32,178,170)
Kode Warna HEX Light Sky Blue : #87CEFAKode Warna RGB Light Sky Blue : rgb(135,206,250)
Kode Warna HEX Light Slate Gray/Light Slate Grey : #778899Kode Warna RGB Light Slate Gray/Light Slate Grey : rgb(119,136,153)
Kode Warna HEX Light Steel Blue : #B0C4DEKode Warna RGB Light Steel Blue : rgb(176,196,222)
Kode Warna HEX Light Yellow : #FFFFE0Kode Warna RGB Light Yellow : rgb(255,255,224)
Kode Warna HEX Lime : #00FF00Kode Warna RGB Lime : rgb(0,255,0)
Kode Warna HEX Lime Green : #32CD32Kode Warna RGB Lime Green : rgb(50,205,50)
Kode Warna HEX Linen : #FAF0E6Kode Warna RGB Linen : rgb(250,240,230)
Kode Warna HEX Magenta : #FF00FFKode Warna RGB Magenta : rgb(255,0,255)
Kode Warna HEX Maroon : #800000Kode Warna RGB Maroon : rgb(128,0,0)
Kode Warna HEX Medium Aqua Marine : #66CDAAKode Warna RGB Medium Aqua Marine : rgb(102,205,170)
Kode Warna HEX Medium Blue : #0000CDKode Warna RGB Medium Blue : rgb(0,0,205)
Kode Warna HEX Medium Orchid : #BA55D3Kode Warna RGB Medium Orchid : rgb(186,85,211)
Kode Warna HEX Medium Purple : #9370DBKode Warna RGB Medium Purple : rgb(147,112,219)
Kode Warna HEX Medium Sea Green : #3CB371Kode Warna RGB Medium Sea Green : rgb(60,179,113)
Kode Warna HEX Medium Slate Blue : #7B68EEKode Warna RGB Medium Slate Blue : rgb(123,104,238)
Kode Warna HEX Medium Spring Green : #00FA9AKode Warna RGB Medium Spring Green : rgb(0,250,154)
Kode Warna HEX Medium Turquoise : #48D1CCKode Warna RGB Medium Turquoise : rgb(72,209,204)
Kode Warna HEX Medium Violet Red : #C71585Kode Warna RGB Medium Violet Red : rgb(199,21,133)
Kode Warna HEX Midnight Blue : #191970Kode Warna RGB Midnight Blue : rgb(25,25,112)
Kode Warna HEX Mint Cream : #F5FFFAKode Warna RGB Mint Cream : rgb(245,255,250)
Kode Warna HEX Misty Rose : #FFE4E1Kode Warna RGB Misty Rose : rgb(255,228,225)
Kode Warna HEX Moccasin : #FFE4B5Kode Warna RGB Moccasin : rgb(255,228,181)
Kode Warna HEX Navajo White : #FFDEADKode Warna RGB Navajo White : rgb(255,222,173)
Kode Warna HEX Navy : #000080Kode Warna RGB Navy : rgb(0,0,128)
Kode Warna HEX Old Lace : #FDF5E6Kode Warna RGB Old Lace : rgb(253,245,230)
Kode Warna HEX Olive : #808000Kode Warna RGB Olive : rgb(128,128,0)
Kode Warna HEX Olive Drab : #6B8E23Kode Warna RGB Olive Drab : rgb(107,142,35)
Kode Warna HEX Orange : #FFA500Kode Warna RGB Orange : rgb(255,165,0)
Kode Warna HEX Orange Red : #FF4500Kode Warna RGB Orange Red : rgb(255,69,0)
Kode Warna HEX Orchid : #DA70D6Kode Warna RGB Orchid : rgb(218,112,214)
Kode Warna HEX Pale Goldenrod : #EEE8AAKode Warna RGB Pale Goldenrod : rgb(238,232,170)
Kode Warna HEX Pale Green : #98FB98Kode Warna RGB Pale Green : rgb(152,251,152)
Kode Warna HEX Pale Turquoise : #AFEEEEKode Warna RGB Pale Turquoise : rgb(175,238,238)
Kode Warna HEX Pale Violet Red : #DB7093Kode Warna RGB Pale Violet Red : rgb(219,112,147)
Kode Warna HEX Papaya Whip : #FFEFD5Kode Warna RGB Papaya Whip : rgb(255,239,213)
Kode Warna HEX Peach Puff : #FFDAB9Kode Warna RGB Peach Puff : rgb(255,218,185)
Kode Warna HEX Peru : #CD853FKode Warna RGB Peru : rgb(205,133,63)
Kode Warna HEX Pink : #FFC0CBKode Warna RGB Pink : rgb(255,192,203)
Kode Warna HEX Plum : #DDA0DDKode Warna RGB Plum : rgb(221,160,221)
Kode Warna HEX Powder Blue : #B0E0E6Kode Warna RGB Powder Blue : rgb(176,224,230)
Kode Warna HEX Purple : #800080Kode Warna RGB Purple : rgb(128,0,128)
Kode Warna HEX Rebecca Purple : #663399Kode Warna RGB Rebecca Purple : rgb(102,51,153)
Kode Warna HEX Red : #FF0000Kode Warna RGB Red : rgb(255,0,0)
Kode Warna HEX Rosy Brown : #BC8F8FKode Warna RGB Rosy Brown : rgb(188,143,143)
Kode Warna HEX Royal Blue : #4169E1Kode Warna RGB Royal Blue : rgb(65,105,225)
Kode Warna HEX Saddle Brown : #8B4513Kode Warna RGB Saddle Brown : rgb(139,69,19)
Kode Warna HEX Salmon : #FA8072Kode Warna RGB Salmon : rgb(250,128,114)
Kode Warna HEX Sandy Brown : #F4A460Kode Warna RGB Sandy Brown : rgb(244,164,96)
Kode Warna HEX Sea Green : #2E8B57Kode Warna RGB Sea Green : rgb(46,139,87)
Kode Warna HEX Sea Shell : #FFF5EEKode Warna RGB Sea Shell : rgb(255,245,238)
Kode Warna HEX Sienna : #A0522DKode Warna RGB Sienna : rgb(160,82,45)
Kode Warna HEX Silver : #C0C0C0Kode Warna RGB Silver : rgb(192,192,192)
Kode Warna HEX Sky Blue : #87CEEBKode Warna RGB Sky Blue : rgb(135,206,235)
Kode Warna HEX Slate Blue : #6A5ACDKode Warna RGB Slate Blue : rgb(106,90,205)
Kode Warna HEX Slate Grey/Slate Gray : #708090Kode Warna RGB Slate Grey/Slate Gray : rgb(112,128,144)
Kode Warna HEX Snow : #FFFAFAKode Warna RGB Snow : rgb(255,250,250)
Kode Warna HEX Spring Green : #00FF7FKode Warna RGB Spring Green : rgb(0,255,127)
Kode Warna HEX Steel Blue : #4682B4Kode Warna RGB Steel Blue : rgb(70,130,180)
Kode Warna HEX Tan : #D2B48CKode Warna RGB Tan : rgb(210,180,140)
Kode Warna HEX Teal : #008080Kode Warna RGB Teal : rgb(0,128,128)
Kode Warna HEX Thistle : #D8BFD8Kode Warna RGB Thistle : rgb(216,191,216)
Kode Warna HEX Tomato : #FF6347Kode Warna RGB Tomato : rgb(255,99,71)
Kode Warna HEX Turquoise : #40E0D0Kode Warna RGB Turquoise : rgb(64,224,208)
Kode Warna HEX Violet : #EE82EEKode Warna RGB Violet : rgb(238,130,238)
Kode Warna HEX Wheat : #F5DEB3Kode Warna RGB Wheat : rgb(245,222,179)
Kode Warna HEX White : #FFFFFFKode Warna RGB White : rgb(255,255,255)
Kode Warna HEX White Smoke : #F5F5F5Kode Warna RGB White Smoke : rgb(245,245,245)
Kode Warna HEX Yellow : #FFFF00Kode Warna RGB Yellow : rgb(255,255,0)
Kode Warna HEX Yellow Green : #9ACD32Kode Warna RGB Yellow Green : rgb(154,205,50)

Jika warna yang Anda inginkan tidak ada di halaman ini, atau Anda ingin menggunakan kode warna html yang digunakan oleh website favorit Anda, atau dari koleksi gambar yang Anda miliki, Anda bisa mengetahui dengan mudah kode warna yang digunakan dengan melakukan salah satu dari 3 metode pencarian kode warna berikut:

1. Inspect Element

1.1 Posisikan pointer pada warna yang ingin diketahui kodenya
1.2 Klik kanan, pilih Inspect element (akan muncul layar elements)
1.3 Dilayar elements tersebut lihat bagian kanan pada tab styles
1.4 Cari tulisan background-color atau color untuk mengetahui kode warna yang dipakai

cara cari kode warna html css

terlihat bahwa kode warna yang digunakan #303030

Untuk mengetahui kode warna pada gambar/image:
– klik kotak/lingkaran warna (lihat gambar diatas)
– Arahkan pointer pada lokasi digambar yang ingin dicari kode warnanya lalu klik. Kode warna gambar tersebut akan muncul seperti gambar dibawah ini.

cara cari kode warna pada gambar

2. Menginstall add-ons/extensions color picker di link ini untuk browser chrome atau firefox.

3. Menggunakan resource online dengan cara mengupload gambar di http://html-color-codes.info/colors-from-image/

Kode Warna Pelangi

Pelangi merupakan lengkungan warna-warni dengan urutan warna: merah, jingga, kuning, hijau, biru, nila, dan ungu. Warna pelangi sering disingkat menjadi kata MEJIKUHIBINIU atau VIBGYOR dalam bahasa inggris. Berikut kode warnanya:

Kode Warna Hexadecimal PelangiKode Warna RGB Pelangi
Kode Warna HEX Merah/Red : #FF0000Kode Warna RGB Merah/Red : rgb(255,0,0)
Kode Warna HEX Jingga/Orange : #FF7F00Kode Warna RGB Jingga/Orange : rgb(255,127,0)
Kode Warna HEX Kuning/Yellow : #FFFF00Kode Warna RGB Kuning/Yellow : rgb(255,255,0)
Kode Warna HEX Hijau/Green : #00FF00Kode Warna RGB Hijau/Green : rgb(0,255,0)
Kode Warna HEX Biru/Blue : #0000FFKode Warna RGB Biru/Blue : rgb(0,0,255)
Kode Warna HEX Nila/Indigo : #4B0082Kode Warna RGB Nila/Indigo : rgb(75,0,130)
Kode Warna HEX Ungu/Violet : #9400D3Kode Warna RGB Ungu/Violet : rgb(148,0,211)

gambar warna pelangi