Yuklenilir...
Yuklenilir...
Pick colors and generate palettes
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Pick colors, convert between HEX, RGB, HSL formats, and generate beautiful color palettes. Free online color picker tool for designers.
Ispolzuyte instrument vybora tsveta, chtoby vybrat nuzhnnyy tsvet iz shirokhoy palitry. Peremeshchayte kursor myshi po tsvetovoy poverkhnosti, nastranivaya ottenok, nasyschennost i yarkost.
Vvedite tsvetovyie kody HEX, RGB, HSL ili HSV napryamuyu v pole vvoda, chtoby bystro vybrat konkretnyy tsvet.
Prosmotrte predvaritelnyy vid vybrannogo tsveta i proverite, kak on budet vyglyadet na raznykh fonakh.
Skopiruyte tsvetovoy kod v nuzhnom formate (HEX, RGB, HSL) odnim klikom i ispolzuyte v svoikh proyektakh.
Veb-dizaynery i razrabotchiki postoyanno nuzhdayutsya v tochnykh tsvetovykh kodakh dlya CSS, HTML i faylov dizayna. Etot instrument obespecchivayet mgnovennuyu konversiyu mezhdu razlichnymi formatami.
Soglasovannost tsvetov brenda vazhna. Vy mozhete nayti tochnyy kod kazhdogo tsveta, ispolzuyemogo v dizayn-proyekte.
Otsenka koeffitsientov kontrastnosti tsvetov vazhna dlya proverok dostupnosti. Obespechenniye dostatochnogo kontrasta delayet veb-kontent dostupnym dlya vsekh.
Polnostyu besplatnyy, ne trebuyet ustanovki i rabotayet na lyubom ustroystve.
Dlya veb-dostupnosti obespechte koeffitsient kontrastnosti ne meneye 4.5:1 mezhdu tekstom i fonom (standart WCAG AA).
Pri sozdanii tsvetovykh palitr ispolzuyte dopolnitelnyie tsveta (tsveta na protivopolozhnoy storone tsvetovogo kruga) dlya vizualnoy garmonii.
Znayte sokrashchennuyu notatsiyu HEX-kodov: #RGB dayot tot zhe rezultat, chto i #RRGGBB (naprimer, #F00 = #FF0000).
Dokumentiruyte tsveta, ispolzuyemyie v vashey dizayn-sisteme. Zapisyvayte znacheniya HEX, RGB i HSL v rukovodstve po brendu.
HEX predstavlyayet tsvet 6-znachnym shestnadtsaterichnym chislom (#RRGGBB), eto naiboleye rasprostranennyy format v veb-razrabotke. RGB ukazyvayet znacheniya krasnogo, zelyonogo i sinegno kanalov v diapazone 0-255. HSL opredelyayet tsvet cherez ottenok (0-360), nasyschennost (0-100%) i svetlotu (0-100%), chto pozvolyayet boleye intuitivno vosprinimaty tsveta.
Otkroyte instrumenty razrabotchika brauzera (F12), chtoby prosmatrivat elementy i videt tsvetovyie kody v svoystakh CSS. Vy takzhe mozhete ispolzovat rasshireniya brauzera ili funktsiyu vybora tsveta v etom instrumente, chtoby poluchit tsvetovoy kod iz lyubogo izobrazheniya.
WCAG (Rukovodstva po dostupnosti veb-kontenta) ustanavlivayet minimalnyie koeffitsienty kontrastnosti: 4.5:1 dlya obychnogo teksta, 3:1 dlya krupnogo teksta. Nedostatochnyy kontrast delayet kontnet nechetaemym dlya polzovateley s narusheniyami zreniya i polzovateley mobilnykh ustroystv pri yarkom solnechnom svete.
V CSS funktsii rgba() i hsla() prinimayut znacheniye alfa ot 0 do 1: rgba(255, 0, 0, 0.5) sozdayot 50% prozrachnyy krasnyy. V formate HEX mozhno ispolzovat 8-znachnuyu notatsiyu: #FF000080. Sovremennyy CSS takzhe podderzhivayet prozrachnost v rgb(): rgb(255 0 0 / 50%).
Izbegayte peredachi informatsii tolko cherez tsvet — dopolnyayte ikonkami, uzorami i tekstovymi metkami. Ispolzuyte simulyatory daltonizma dlya testirovaniya dizayna. Dlya naibolee rasprostranennogo tipa daltonizma (krasno-zyolonogo) izbegayte ispolzovaniya etikh dvukh tsvetov v kachestve razlichitelnykh.
Ispolzuyte printsipy teorii tsveta: dopolnitelnyie tsveta (naprotiv), analogichnyie (ryadom), triada (interval 120 gradusov) i razdyolennyie dopolnitelnyie. Vyberite osnovnoy tsvet i sozdayte garmonichnyie ottsenki po etim printsipam. Obychno odnoho osnovnogo, odnogo aktsentnogo tsveta i neyralnykh tonov dostatochno.