المطور
أكواد ألوان HTML
تصفح أكواد ألوان HTML، وحوّل بين HEX/RGB/HSL/CMYK، وتحقق من نسب التباين.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
أقرب لون مسمى: Royal Blue#4169E1
التباين
على الأبيض3.68:1
Aa
WCAG AAفاشلWCAG AAAفاشل
على الأسود5.71:1
Aa
WCAG AAناجحWCAG AAAفاشل
الفاتح
الداكن
تناسقات الألوان
متكامل
مماثل
ثلاثي
متكامل منقسم
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)
حول أكواد ألوان HTML
تُستخدم أكواد ألوان HTML لتحديد الألوان في تطوير الويب.
كيفية الاستخدام
استخدم منتقي الألوان أو أدخل رمز hex.
حالات الاستخدام الشائعة
- إيجاد كود اللون الصحيح لـ CSS
- تحويل الألوان بين صيغ مختلفة
- التحقق من إمكانية الوصول للألوان
- توليد لوحات ألوان متناسقة
- البحث عن ألوان CSS المسماة
Frequently Asked Questions About أكواد ألوان HTML
What is أكواد ألوان HTML?
أكواد ألوان HTML is a free online tool on akousa.net, a platform with 559+ browser-based utilities. تصفح أكواد ألوان HTML، وحوّل بين HEX/RGB/HSL/CMYK، وتحقق من نسب التباين. No installation is required.
How do I use أكواد ألوان HTML?
Simply open أكواد ألوان HTML on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is أكواد ألوان HTML free?
Yes, the core أكواد ألوان 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.