रङ कोड पिकर — HEX RGB अनलाइन नेपाल | ToolsArena

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 गर्छन्:

Format	Example	कहिले Use गर्ने
HEX	#1d4ed8	CSS, HTML, web projects
RGB	rgb(29, 78, 216)	CSS, digital screens
RGBA	rgba(29, 78, 216, 0.5)	CSS मा transparency
HSL	hsl(221, 76%, 48%)	CSS animations, theming
CMYK	cmyk(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 को लागि मात्र):

Brand	Color Name	HEX Code	RGB
Nepal Airlines	Nepal Red	#C8102E	200, 16, 46
NTC (Nepal Telecom)	NTC Red	#E31E24	227, 30, 36
Ncell	Ncell Green	#7BC043	123, 192, 67
Himalayan Bank	HBL Navy	#003087	0, 48, 135
Nabil Bank	Nabil Red	#C41E3A	196, 30, 58
Global IME Bank	Global Blue	#1A3A6B	26, 58, 107
eSewa	eSewa Green	#60BB46	96, 187, 70
Khalti	Khalti Purple	#5C2D91	92, 45, 145
FonePay	FonePay Blue	#1B6EC2	27, 110, 194
Daraz Nepal	Daraz Orange	#F85606	248, 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

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

नेपाली 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
Color Picker खोल्नुस्
ToolsArena को free Color Picker open गर्नुस् — कुनै login चाहिँदैन।
2
Color Select गर्नुस्
Color spectrum मा click गर्नुस् वा directly HEX/RGB/HSL value type गर्नुस्।
3
Format Switch गर्नुस्
HEX, RGB, वा HSL tab click गरेर आफ्नो preferred format select गर्नुस्।
4
Copy गर्नुस्
Copy button click गर्नुस् — color code clipboard मा copy हुन्छ। Canva/Figma/CSS मा paste गर्नुस्।
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