Webiston Logo
Orqaga qaytish

Rang O'giruvchi va Palette Generator

HEX, RGB, HSL formatlar orasida rang konvertatsiyasi va palette generatsiya vositasi

Palette turi:
Rang Tanlash
To'g'ri format
100%

Rang ma'lumotlari

RGB:
59, 130, 246
HSL:
217°, 91%, 60%
Shaffoflik:
100%

Tayyor ranglar:

Formatlar va Ma'lumotlar

HEX

#3B82F6
Web dasturlashda eng keng tarqalgan

RGB

rgb(59, 130, 246)
R: 59, G: 130, B: 246

HSL

hsl(217, 91%, 60%)
H: 217°, S: 91%, L: 60%

RGBA

rgba(59, 130, 246, 1)
Alpha kanal bilan RGB

HSLA

hsla(217, 91%, 60%, 1)
Alpha kanal bilan HSL

Lab

lab(56% 18 -64)
L: 56, a: 18, b: -64

LCH

lch(56% 66 286)
L: 56, C: 66, H: 286°

OKLab

oklab(0.48 -0.14 -0.3)
L: 0.48, a: -0.14, b: -0.3

OKLCH

oklch(0.48 0.33 245)
L: 0.48, C: 0.33, H: 245°
0Formatlar0Belgilar

Monoxromatik palette

Copy
#f2f6fd
Copy
#e0eafa
Copy
#c2d5f5
Copy
#8fb8fa
Copy
#5593f7
Copy
#3c83f6
Copy
#0a5adb
Copy
#0846aa
Copy
#003180
Copy
#001d4d
Copy
#000a1a

Rangni nusxalash uchun bosing

Rang Tarixi va Sevimlilar

Hali tarix yo'q

Tailwind rang soyalari
Base: #3b82f6
Copy
50
#f2f6fd
Copy
100
#e0eafa
Copy
200
#c2d5f5
Copy
300
#8fb8fa
Copy
400
#5593f7
Copy
500
#3c83f6
Copy
600
#0a5adb
Copy
700
#0846aa
Copy
800
#003180
Copy
900
#001d4d
Copy
950
#000a1a

Export variantlari:

Gradient Generator
Base: #3b82f6

Rang nuqtalari:

%
%

Export variantlari:

background: linear-gradient(90deg, #3b82f6 0%, #ffffff 100%);

Rang Format Misollari

HEX Formatlar
#FF0000
#0000FF
#00FF00
RGB Formatlar
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(0, 255, 0)
HSL Formatlar
hsl(0, 100%, 50%)
hsl(240, 100%, 50%)
hsl(120, 100%, 50%)

Rang formatlar haqida ma'lumot

HEX Format

  • • Web dasturlashda eng keng tarqalgan
  • • #RRGGBB formatida (6 ta belgi)
  • • CSS da bevosita ishlatiladi
  • • 16 lik sanoq tizimida

RGB Format

  • • Red, Green, Blue qiymatlari
  • • 0-255 oralig'ida har bir kanal
  • • Monitor va ekranlar uchun
  • • JavaScript da keng ishlatiladi

HSL Format

  • • Hue, Saturation, Lightness
  • • Inson uchun tushunarli
  • • CSS3 da qo'llab-quvvatlanadi
  • • Rang moslamalari uchun qulay