Home Text Tools Math & Numbers Developer Tools Date & Time Image Tools Blog
Developer Tools خاص وآمن

HTML Color Codes

Pick a color and get every code you need, plus shades, tints and matching colors.

Lighten and darken

Shades and tints

Tints (mixed with white)
Shades (mixed with black)

Matching colors

Saved palette

Colors you save will appear here, in this browser only.

CSS and HTML

اختر اللون بصرياً أو اكتب أي كود. تحصل على جميع الصيغ معاً مع نسخ أفتح وأغمق وألوان متناسقة وCSS جاهز للنسخ.

المميزات

جميع الصيغ
تتحدث HEX وRGB وHSL وHSV وCMYK معاً، بما في ذلك الشفافية.
درجات وألوان متناسقة
شاهد الدرجات الفاتحة والداكنة والألوان المكملة والمتجاورة والثلاثية.
لوحة محفوظة
احتفظ بألوانك المفضلة في هذا المتصفح وعد إليها لاحقاً.

حالات الاستخدام: متى تفيدك هذه الأداة

  1. اختيار ألوان موقع جديد

    اعثر على لون يعجبك وانسخ كود HEX مباشرة إلى CSS.

  2. التعرف على لون علامة تجارية

    أدخل قيمة HEX أو RGB معروفة لترى درجاتها والألوان المتناسقة معها.

  3. درجات التمرير والضغط

    احصل على درجات أفتح وأغمق للون الزر في مكان واحد.

  4. لوحة ألوان لغرفة أو ملابس أو مناسبة

    اعثر على ألوان تناسب قماشاً أو طلاءً أو ثيم حفل زفاف.

  5. نسخ للطباعة والشاشة

    احصل على CMYK للطباعة وRGB/HEX للشاشات من اللون نفسه.

  6. حفظ لوحات الألوان للمشاريع

    احتفظ بمجموعة ألوان مختارة وأعد استخدامها في تصاميمك.

كيفية الاستخدام

  1. اسحب على مربع الألوان أو اكتب كوداً.
  2. اضبط تدرج اللون أو الشفافية أو السطوع.
  3. انسخ الكود أو CSS الذي تحتاجه.

FAQ

ما الصيغ التي يمكنني كتابتها؟▾

تعمل HEX وrgb() وhsl() وأسماء ألوان CSS مثل tomato.

أين تُحفظ لوحتي؟▾

في هذا المتصفح فقط، ويؤدي مسح بيانات الموقع إلى حذفها.

More Developer Tools

JSON Formatter & Validator
Format, validate, and minify JSON data instantly
Base64 Encoder / Decoder
Encode or decode Base64 strings in one click
URL Encoder / Decoder
Encode or decode URL-safe strings
Color Code Converter
Convert color codes between HEX, RGB, and HSL formats
Strong Password Generator
Generate strong, secure passwords with custom rules
CSS Formatter & Beautifier
Format and beautify or minify CSS code online
HTML Formatter & Beautifier
Format and beautify or minify HTML code with proper indentation
XML Formatter & Beautifier
Format and validate XML. Check if XML is well-formed
CSV Formatter Online
Format CSV data and preview it as a table with multiple delimiter support
CSV to JSON Converter
Convert CSV data to a JSON array instantly
JSON to CSV Converter
Convert a JSON array to CSV format instantly
JSON to JSONP Converter
Wrap JSON in a JSONP callback function for cross-domain requests
JSONP to JSON Converter
Strip JSONP callback wrapper and extract the pure JSON
Cron Job Expression Generator
Generate cron expressions with human-readable descriptions and presets
Mask Sensitive Data
Mask emails, phone numbers, and credit cards in text
Password Strength Checker
Check password strength with a live meter and criteria checklist
Random Email Generator
Generate random email addresses for testing and development
Random Username Generator
Generate random usernames in various styles for accounts and profiles
Domain Name Extractor
Extract domain names from URLs and text with deduplication
Sitemap XML Validator
Validate sitemap XML structure and list all URLs found
Online Screen Keyboard
Virtual on-screen keyboard with shift, caps lock, and copy support
UUID Generator
Generate random UUID v4 or timestamp-based UUID v1 in bulk
Hash Generator (SHA-256 / MD5)
Generate SHA-256, SHA-1, and MD5 hashes from any text
HTML Entity Encoder / Decoder
Encode or decode HTML special characters and entities
Regex Tester
Test regular expressions with live match highlighting
JWT Decoder
Decode JWT tokens and inspect header and payload
JSON to YAML Converter
Convert JSON data to YAML format in the browser
YAML to JSON Converter
Convert basic YAML to pretty-printed JSON
SQL Formatter Online
Format and beautify SQL queries or minify to one line
Number to Words Converter
Convert integers up to 999 billion into English words
CSS Gradient Generator
Build linear or radial CSS gradients visually and copy ready-to-use CSS code
Color Palette Generator
Generate complementary, analogous, triadic, and monochromatic color palettes
Color Contrast Checker
Check color contrast ratio for WCAG 2.1 AA and AAA accessibility compliance
Meta Tag Generator
Generate complete HTML meta tags including SEO, Open Graph, and Twitter Card tags
Robots.txt Generator
Generate a robots.txt file with custom crawler rules, disallow paths, and sitemap URL
Image to Base64 Converter
Convert PNG, JPG, GIF, SVG, or WebP images to Base64 data URI for HTML and CSS
QR Code Generator
Generate QR codes from URLs, text, email, phone, or Wi-Fi. Download as PNG or SVG
CSS Box Shadow Generator
Visually build CSS box-shadow styles with live preview and copy the CSS code
CSS Flexbox Generator
Configure flexbox container properties visually with live preview and copy CSS
PX ↔ REM / EM Converter
Convert CSS units between pixels, REM, and EM with bulk conversion and reference table
UTM Link Builder
Build UTM-tagged campaign URLs for Google Analytics. Add source, medium, campaign, and more
URL Parser & Analyzer
Parse any URL into protocol, hostname, path, query parameters, and hash. Edit and rebuild URLs
CSS Border Radius Generator
Control each corner radius individually with live preview and copy the CSS code
JSON ↔ XML Converter
Convert JSON to XML and XML to JSON instantly with formatted output
CSS Grid Generator
Build CSS grid layouts visually with live preview and instant code export
IP Address Lookup
Look up geolocation, ISP, and timezone for any IP address instantly
HTTP Status Codes
Complete reference for all HTTP status codes 1xx–5xx with descriptions
Color Blindness Simulator
Simulate how images and colors appear with different types of color blindness
Markdown Table Generator
Build Markdown tables visually and copy the code instantly.
Image to Base64
Convert any image to Base64 data URI for embedding in code.
CSV to HTML Converter
Convert CSV data to HTML in your browser
CSV to TSV Converter
Convert CSV data to TSV in your browser
CSV to XML Converter
Convert CSV data to XML in your browser
JSON to HTML Converter
Convert JSON data to HTML in your browser
JSON to TSV Converter
Convert JSON data to TSV in your browser
XML to CSV Converter
Convert XML data to CSV in your browser
XML to HTML Converter
Convert XML data to HTML in your browser
XML to TSV Converter
Convert XML data to TSV in your browser
XML Escape and Unescape
Escape special characters for XML or decode entities
JavaScript Formatter
Beautify minified or messy JavaScript code
JavaScript Minifier
Reduce JavaScript file size for production
JavaScript Obfuscator
Make JavaScript harder to read and copy
JSON Editor
Edit JSON in a tree view or as text
HTML CSS JS Playground
Write front-end code and see a live preview
CSS Font Stacks
Preview and copy web-safe CSS font stacks
.htaccess Generator
Create Apache redirect, security and caching rules
Chmod Permissions Calculator
Convert Linux permissions between octal and symbolic
Email Address Validator
Check email format for one address or a full list