Color Picker — Ranglar tanlash

HEX, RGB, HSL kodlari. Tayyor palitra (Tailwind, Material). Rasmdan rang olish. Garmonik ranglar va WCAG kontrast tekshirgich.

HEX #7D7DF5

RGB rgb(125, 125, 245)

HSL hsl(240, 86%, 72%)

NOM Cornflower Blue

Oxirgi tanlanganlar

Bu yerda oxirgi tanlangan ranglaringiz avtomatik saqlanib boradi.

Garmonik ranglar

Komplement

Triada

Analog

Kontrast (WCAG)

FON

MATN

3.21:1

Past kontrast

AA · matn AA · katta AAA · matn AAA · katta

Fon yoki matn ustida bosib hozirgi rangga almashtiring

Rasmdan rang olish

Rasm yuklang

JPG, PNG, WEBP — bosing yoki tashlang

Rang olish uchun rasm ustida bosing

Tayyor palitra

Onlayn color picker — nima uchun foydali?

Color picker — dizayner, frontend dasturchi va tarkib yaratuvchisi uchun zarur vosita. Rangni HEX, RGB, HSL formatlarida tezda olish, brendingiz uchun palitra yig'ish va rasmdan rang ajratib olish — bu sayt yordamida brauzerda darhol bajariladi.

Tayyor palitra to'plamlari: Tailwind CSS, Material Design, Pastel, Vintage va Brand — har biri o'z muhitida foydali.

WCAG kontrast nima?

WCAG (Web Content Accessibility Guidelines) — saytlarning ko'rish qobiliyati cheklangan foydalanuvchilarga moslashgan bo'lishi uchun standartdir. Matn va fon orasidagi kontrast koeffitsienti:

AA · matn — minimal 4.5:1 (oddiy o'lchamdagi matn uchun)
AA · katta — minimal 3:1 (18pt yoki 14pt bold matn)
AAA · matn — yaxshilangan 7:1 (oddiy matn)
AAA · katta — yaxshilangan 4.5:1 (katta matn)

Garmonik ranglar nima?

Bir necha rang birga ishlatilganda chiroyli ko'rinishi uchun ular orasida ma'lum bog'liqlik bo'lishi kerak:

Komplement — rang doirasida 180° qarama-qarshi rang. Kuchli kontrast.
Triada — 120° intervalda 3 ta rang. Tabiiy muvozanat.
Analog — bir-biriga yaqin 3 ta rang. Yumshoq ko'rinish.

Tez-tez beriladigan savollar

Rang kodi qaerga ishlatiladi?

HEX (#7D7DF5) — frontend dizayn va dasturlash uchun standart. RGB — CSS va grafik dasturlarda. HSL — rang chuqurligini sozlash uchun (qoramaroq, yorug'roq).

Rasmdan qanday rang olinadi?

Sahifaning o'ng tomondagi "Rasmdan rang olish" bo'limiga rasm yuklang. Keyin rasm ustida istalgan joyga bosing — o'sha nuqtaning aniq rangi olinadi.

"Oxirgi tanlanganlar" qayerda saqlanadi?

Saqlangan ranglar faqat brauzeringizning lokal xotirasida turadi — internetga yuborilmaydi. Saqlash tugmasini bosish bilan rang doimiy saqlanadi.

Kontrast tekshirgich nima qiladi?

Ikkita rang orasidagi kontrast koeffitsientini hisoblaydi. Saytingizda matn va fon kombinatsiyasi ko'r qiymadigan foydalanuvchilar uchun yetarli darajada farqli bo'lishi kerak.

Tasodifiy rang nima uchun kerak?

Yangi loyiha boshlayotganda yoki ilhom topish uchun. Tasodifiy rangdan boshlab, garmonik palitra yarating.