Search tools...
Developer Tools

रङ कोड पिकर — HEX RGB अनलाइन नेपाल (2026)

नेपाली web designers को लागि color formats, Nepal brand colors, र CSS guide।

६ मिनेट पढ्नुहोस्Updated March 13, 2026Design, Web Dev, CSS, Nepal

Color design मा सबभन्दा powerful element हो। नेपालमा web designers, graphic designers, र freelancers को लागि color codes बुझ्नु आवश्यक छ — Canva मा काम गर्नुस् वा React/HTML projects बनाउनुस्।

यस गाइडमा: HEX, RGB, HSL formats को फरक, Nepal को top companies को official brand colors, CSS variables, र accessible colors कसरी छान्ने।

Free Tool

Color Code Pick गर्नुस् — Free Online Tool

HEX, RGB, HSL instantly get गर्नुस्। Visual picker, eyedropper, copy-to-clipboard। कुनै signup छैन।

Color Picker खोल्नुस् →

Color Formats — HEX, RGB, HSL, CMYK के हुन्?

सबै color formats एउटै color लाई अलग तरिकाले express गर्छन्:

FormatExampleकहिले Use गर्ने
HEX#1d4ed8CSS, HTML, web projects
RGBrgb(29, 78, 216)CSS, digital screens
RGBArgba(29, 78, 216, 0.5)CSS मा transparency
HSLhsl(221, 76%, 48%)CSS animations, theming
CMYKcmyk(87, 64, 0, 15)Print design, Photoshop

HEX Code कसरी पढ्ने?

HEX code = #RRGGBB। R=Red, G=Green, B=Blue, प्रत्येक 00 देखि FF सम्म। #000000 = कालो, #ffffff = सेतो, #ff0000 = pure red।

HSL — Design को लागि Best Format

HSL = Hue (रङ angle 0-360°), Saturation (0% grey - 100% vivid), Lightness (0% black - 100% white)। Color lighter बनाउनु छ? Lightness बढाउनुस्। Canva र Figma दुवैले HSL use गर्छन्।

नेपालका Top Companies को Official Brand Colors

नेपालका top brands को official color codes (reference को लागि मात्र):

BrandColor NameHEX CodeRGB
Nepal AirlinesNepal Red#C8102E200, 16, 46
NTC (Nepal Telecom)NTC Red#E31E24227, 30, 36
NcellNcell Green#7BC043123, 192, 67
Himalayan BankHBL Navy#0030870, 48, 135
Nabil BankNabil Red#C41E3A196, 30, 58
Global IME BankGlobal Blue#1A3A6B26, 58, 107
eSewaeSewa Green#60BB4696, 187, 70
KhaltiKhalti Purple#5C2D9192, 45, 145
FonePayFonePay Blue#1B6EC227, 110, 194
Daraz NepalDaraz Orange#F85606248, 86, 6

नेपाली Flag Colors

  • Crimson Red: #CC0000 (rgb 204, 0, 0)
  • Blue Border: #003580 (rgb 0, 53, 128)
  • White Moon/Sun: #FFFFFF

CSS Color Variables — Professional तरिकाले Colors Manage

Professional website मा colors centrally manage गरिन्छ:

:root {
  --color-primary: #1d4ed8;
  --color-primary-light: #3b82f6;
  --color-accent: #f59e0b;
  --color-text: #111827;
  --color-bg: #ffffff;
}

button {
  background-color: var(--color-primary);
  color: var(--color-bg);
}

नेपाली Festivals को Colors

  • Dashain: Saffron/Orange (#FF8C00), Red (#CC0000), Green (#228B22)
  • Tihar/Deepawali: Yellow (#FFD700), Orange (#FF8C00)
  • Holi: Multiple bright colors — Red, Blue, Yellow, Green

Canva Tip नेपाली Users को लागि

Canva मा brand colors save गर्न: Brand Kit → Add a color → HEX code paste गर्नुस्। एकपटक save भयो भने सबै designs मा reuse गर्न सकिन्छ।

Accessible Colors — WCAG Standards

नेपालमा पनि ~8% पुरुषहरूमा color blindness हुन्छ। Accessible colors choose गर्नु important छ:

WCAG Contrast Requirements

  • AA Standard: Normal text को लागि 4.5:1 contrast ratio
  • AAA Standard: Normal text को लागि 7:1

Quick Reference

TextBackgroundRatioWCAG AA
Black (#000)White (#fff)21:1Pass ✓
White (#fff)NTC Red (#E31E24)~5:1Pass ✓
White (#fff)Ncell Green (#7BC043)~3:1Fail ✗

नेपाली Websites मा Common Mistakes

  • Light yellow text on white — बहुत common, WCAG fail
  • Red text on green — color blind users को लागि unreadable
  • Grey text on white — borderline fail
Tip: ToolsArena को Color Contrast Checker use गर्नुस् — कुनै पनि 2 colors हाल्नुस्, instantly WCAG result थाहा पाउनुस्।

How to Use the Tool (Step by Step)

  1. 1

    Color Picker खोल्नुस्

    ToolsArena को free Color Picker open गर्नुस् — कुनै login चाहिँदैन।

  2. 2

    Color Select गर्नुस्

    Color spectrum मा click गर्नुस् वा directly HEX/RGB/HSL value type गर्नुस्।

  3. 3

    Format Switch गर्नुस्

    HEX, RGB, वा HSL tab click गरेर आफ्नो preferred format select गर्नुस्।

  4. 4

    Copy गर्नुस्

    Copy button click गर्नुस् — color code clipboard मा copy हुन्छ। Canva/Figma/CSS मा paste गर्नुस्।

  5. 5

    Screen बाट Color Pick गर्नुस्

    Eyedropper tool use गर्नुस् (Chrome/Edge मा supported) — screen मा कतैबाट पनि color pick गर्न सकिन्छ।

Frequently Asked Questions

HEX र RGB मा के फरक छ?+

HEX र RGB एउटै color लाई अलग notation मा express गर्छन्। #ff0000 र rgb(255,0,0) एउटै red color हो। HEX CSS मा shorter र popular छ। RGB तब use गर्नुस् जब transparency चाहिन्छ (rgba) वा individual channels manipulate गर्नुपर्छ।

Image बाट color code कसरी निकाल्ने?+

Browser को eyedropper tool use गर्नुस् (Chrome 95+ मा built-in)। Canva मा image upload गरेर color picker use गर्नुस्। ToolsArena को Color Picker मा screen eyedropper use गर्नुस्।

HSL color format के हो?+

HSL = Hue (color angle 0-360°), Saturation (vividity), Lightness (brightness)। Design मा most intuitive format। CSS animations र theming को लागि best। Color lighter बनाउनु छ? Lightness बढाउनुस्।

CMYK र RGB मा के फरक छ?+

RGB screen को लागि (light mixing), CMYK printing को लागि (ink mixing)। Web design को लागि RGB/HEX use गर्नुस्। Visiting cards, brochures, banners को लागि CMYK।

Accessible colors कसरी छान्ने?+

Text र background को contrast ratio कम्तिमा 4.5:1 हुनुपर्छ (WCAG AA)। Dark text on light background वा light text on dark background generally safe छ। ToolsArena को Color Contrast Checker use गर्नुस्।

Free — No Signup Required

Color Code Pick गर्नुस् — Free Online Tool

HEX, RGB, HSL instantly get गर्नुस्। Visual picker, eyedropper, copy-to-clipboard। कुनै signup छैन।

Color Picker खोल्नुस् →

Related Guides