AkousaPengembang
Kode Warna HTML
Jelajahi kode warna HTML, konversi antara HEX/RGB/HSL/CMYK, periksa rasio kontras, dan buat harmoni warna.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
Warna Bernama Terdekat: Royal Blue#4169E1
Kontras
di Putih3.68:1
Aa
WCAG AAGagalWCAG AAAGagal
di Hitam5.71:1
Aa
WCAG AALulusWCAG AAAGagal
Tint (Lebih Terang)
Shade (Lebih Gelap)
Harmoni Warna
Komplementer
Analog
Triadik
Split-Komplementer
Red#FF0000rgb(255, 0, 0)
Dark Red#8B0000rgb(139, 0, 0)
Firebrick#B22222rgb(178, 34, 34)
Crimson#DC143Crgb(220, 20, 60)
Tomato#FF6347rgb(255, 99, 71)
Indian Red#CD5C5Crgb(205, 92, 92)
Light Coral#F08080rgb(240, 128, 128)
Salmon#FA8072rgb(250, 128, 114)
Dark Salmon#E9967Argb(233, 150, 122)
Light Salmon#FFA07Argb(255, 160, 122)
Coral#FF7F50rgb(255, 127, 80)
Orange Red#FF4500rgb(255, 69, 0)
Orange#FFA500rgb(255, 165, 0)
Dark Orange#FF8C00rgb(255, 140, 0)
Yellow#FFFF00rgb(255, 255, 0)
Gold#FFD700rgb(255, 215, 0)
Light Yellow#FFFFE0rgb(255, 255, 224)
Lemon Chiffon#FFFACDrgb(255, 250, 205)
Light Goldenrod Yellow#FAFAD2rgb(250, 250, 210)
Papaya Whip#FFEFD5rgb(255, 239, 213)
Moccasin#FFE4B5rgb(255, 228, 181)
Peach Puff#FFDAB9rgb(255, 218, 185)
Pale Goldenrod#EEE8AArgb(238, 232, 170)
Khaki#F0E68Crgb(240, 230, 140)
Dark Khaki#BDB76Brgb(189, 183, 107)
Goldenrod#DAA520rgb(218, 165, 32)
Dark Goldenrod#B8860Brgb(184, 134, 11)
Green#008000rgb(0, 128, 0)
Lime#00FF00rgb(0, 255, 0)
Lime Green#32CD32rgb(50, 205, 50)
Forest Green#228B22rgb(34, 139, 34)
Dark Green#006400rgb(0, 100, 0)
Sea Green#2E8B57rgb(46, 139, 87)
Medium Sea Green#3CB371rgb(60, 179, 113)
Spring Green#00FF7Frgb(0, 255, 127)
Medium Spring Green#00FA9Argb(0, 250, 154)
Pale Green#98FB98rgb(152, 251, 152)
Light Green#90EE90rgb(144, 238, 144)
Dark Sea Green#8FBC8Frgb(143, 188, 143)
Olive Drab#6B8E23rgb(107, 142, 35)
Olive#808000rgb(128, 128, 0)
Dark Olive Green#556B2Frgb(85, 107, 47)
Yellow Green#9ACD32rgb(154, 205, 50)
Chartreuse#7FFF00rgb(127, 255, 0)
Lawn Green#7CFC00rgb(124, 252, 0)
Green Yellow#ADFF2Frgb(173, 255, 47)
Teal#008080rgb(0, 128, 128)
Dark Cyan#008B8Brgb(0, 139, 139)
Medium Aquamarine#66CDAArgb(102, 205, 170)
Aquamarine#7FFFD4rgb(127, 255, 212)
Light Sea Green#20B2AArgb(32, 178, 170)
Blue#0000FFrgb(0, 0, 255)
Dark Blue#00008Brgb(0, 0, 139)
Navy#000080rgb(0, 0, 128)
Royal Blue#4169E1rgb(65, 105, 225)
Steel Blue#4682B4rgb(70, 130, 180)
Cornflower Blue#6495EDrgb(100, 149, 237)
Light Blue#ADD8E6rgb(173, 216, 230)
Powder Blue#B0E0E6rgb(176, 224, 230)
Light Steel Blue#B0C4DErgb(176, 196, 222)
Sky Blue#87CEEBrgb(135, 206, 235)
Light Sky Blue#87CEFArgb(135, 206, 250)
Deep Sky Blue#00BFFFrgb(0, 191, 255)
Dodger Blue#1E90FFrgb(30, 144, 255)
Cadet Blue#5F9EA0rgb(95, 158, 160)
Medium Blue#0000CDrgb(0, 0, 205)
Midnight Blue#191970rgb(25, 25, 112)
Aqua#00FFFFrgb(0, 255, 255)
Cyan#00FFFFrgb(0, 255, 255)
Light Cyan#E0FFFFrgb(224, 255, 255)
Turquoise#40E0D0rgb(64, 224, 208)
Medium Turquoise#48D1CCrgb(72, 209, 204)
Dark Turquoise#00CED1rgb(0, 206, 209)
Pale Turquoise#AFEEEErgb(175, 238, 238)
Alice Blue#F0F8FFrgb(240, 248, 255)
Purple#800080rgb(128, 0, 128)
Indigo#4B0082rgb(75, 0, 130)
Violet#EE82EErgb(238, 130, 238)
Dark Violet#9400D3rgb(148, 0, 211)
Blue Violet#8A2BE2rgb(138, 43, 226)
Medium Purple#9370DBrgb(147, 112, 219)
Slate Blue#6A5ACDrgb(106, 90, 205)
Medium Slate Blue#7B68EErgb(123, 104, 238)
Dark Slate Blue#483D8Brgb(72, 61, 139)
Dark Orchid#9932CCrgb(153, 50, 204)
Orchid#DA70D6rgb(218, 112, 214)
Medium Orchid#BA55D3rgb(186, 85, 211)
Plum#DDA0DDrgb(221, 160, 221)
Lavender#E6E6FArgb(230, 230, 250)
Thistle#D8BFD8rgb(216, 191, 216)
Fuchsia#FF00FFrgb(255, 0, 255)
Magenta#FF00FFrgb(255, 0, 255)
Dark Magenta#8B008Brgb(139, 0, 139)
Rebecca Purple#663399rgb(102, 51, 153)
Pink#FFC0CBrgb(255, 192, 203)
Hot Pink#FF69B4rgb(255, 105, 180)
Deep Pink#FF1493rgb(255, 20, 147)
Light Pink#FFB6C1rgb(255, 182, 193)
Medium Violet Red#C71585rgb(199, 21, 133)
Pale Violet Red#DB7093rgb(219, 112, 147)
Misty Rose#FFE4E1rgb(255, 228, 225)
Brown#A52A2Argb(165, 42, 42)
Sienna#A0522Drgb(160, 82, 45)
Saddle Brown#8B4513rgb(139, 69, 19)
Chocolate#D2691Ergb(210, 105, 30)
Peru#CD853Frgb(205, 133, 63)
Burlywood#DEB887rgb(222, 184, 135)
Sandy Brown#F4A460rgb(244, 164, 96)
Tan#D2B48Crgb(210, 180, 140)
Maroon#800000rgb(128, 0, 0)
Rosy Brown#BC8F8Frgb(188, 143, 143)
Wheat#F5DEB3rgb(245, 222, 179)
Navajo White#FFDEADrgb(255, 222, 173)
Bisque#FFE4C4rgb(255, 228, 196)
Blanched Almond#FFEBCDrgb(255, 235, 205)
Cornsilk#FFF8DCrgb(255, 248, 220)
Gray#808080rgb(128, 128, 128)
Dark Gray#A9A9A9rgb(169, 169, 169)
Dim Gray#696969rgb(105, 105, 105)
Light Gray#D3D3D3rgb(211, 211, 211)
Light Slate Gray#778899rgb(119, 136, 153)
Slate Gray#708090rgb(112, 128, 144)
Dark Slate Gray#2F4F4Frgb(47, 79, 79)
Gainsboro#DCDCDCrgb(220, 220, 220)
Silver#C0C0C0rgb(192, 192, 192)
Grey#808080rgb(128, 128, 128)
Dark Grey#A9A9A9rgb(169, 169, 169)
Dim Grey#696969rgb(105, 105, 105)
Light Grey#D3D3D3rgb(211, 211, 211)
Light Slate Grey#778899rgb(119, 136, 153)
Slate Grey#708090rgb(112, 128, 144)
Dark Slate Grey#2F4F4Frgb(47, 79, 79)
White#FFFFFFrgb(255, 255, 255)
Snow#FFFAFArgb(255, 250, 250)
Ivory#FFFFF0rgb(255, 255, 240)
Floral White#FFFAF0rgb(255, 250, 240)
Ghost White#F8F8FFrgb(248, 248, 255)
Old Lace#FDF5E6rgb(253, 245, 230)
Linen#FAF0E6rgb(250, 240, 230)
Antique White#FAEBD7rgb(250, 235, 215)
White Smoke#F5F5F5rgb(245, 245, 245)
Seashell#FFF5EErgb(255, 245, 238)
Beige#F5F5DCrgb(245, 245, 220)
Mint Cream#F5FFFArgb(245, 255, 250)
Azure#F0FFFFrgb(240, 255, 255)
Honeydew#F0FFF0rgb(240, 255, 240)
Lavender Blush#FFF0F5rgb(255, 240, 245)
Black#000000rgb(0, 0, 0)
Tentang Kode Warna HTML
Kode warna HTML digunakan untuk menentukan warna dalam pengembangan web. Warna dapat direpresentasikan sebagai heksadesimal (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)), atau menggunakan warna bernama CSS seperti 'tomato' atau 'steelblue'. Alat ini memungkinkan Anda menjelajahi, mencari, mengonversi, dan menganalisis warna untuk desain dan pengembangan web.
Cara Menggunakan
Gunakan pemilih warna atau ketik kode hex untuk memilih warna. Lihat konversi instan ke RGB, HSL, HSV, dan CMYK. Jelajahi katalog warna berdasarkan keluarga atau cari berdasarkan nama. Klik swatch warna apa pun untuk memilihnya. Periksa rasio kontras WCAG untuk aksesibilitas. Buat tint, shade, dan harmoni warna untuk palet Anda.
Kasus Penggunaan Umum
- Menemukan kode warna yang tepat untuk penataan gaya CSS dan desain web
- Mengonversi warna antara format berbeda (HEX ke RGB, dll.)
- Memeriksa aksesibilitas warna dan kepatuhan kontras WCAG
- Membuat palet warna dengan kombinasi warna yang harmonis
- Mencari warna bernama CSS dan padanan heksnya
Frequently Asked Questions About Kode Warna HTML
What is Kode Warna HTML?
Kode Warna HTML is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Jelajahi kode warna HTML, konversi antara HEX/RGB/HSL/CMYK, periksa rasio kontras, dan buat harmoni warna. No installation is required.
How do I use Kode Warna HTML?
Simply open Kode Warna HTML on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Kode Warna HTML free?
Yes, the core Kode Warna HTML experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.