Перайсці да асноўнага зместу
LibraTool logoLibraTool

Выбар колеру і генератар палітры — бясплатна

Выбірайце колеры, канвертуйце паміж HEX/RGB/HSL і стварайце гарманічныя палітры.

Працуе афлайн пасля загрузкі
HEX
HSV
h217°
s76%
v96%
толькі дысплей

RGB

r
g
b

HSL

H
S
L

Больш форматаў

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

WCAG контраст

Найбліжэйшы імянны колер: dodgerblue · Тут лягчэй чытаецца чорны тэкст (5,71:1)

Тэкст на білым3,68:1AA вялікі
Тэкст на чорным5,71:1AA
Тэкст на #ffffff3,68:1AA вялікі

Адценні і тоны (50–950)

Каляровая палітра

Дапаўняльны

#3b82f6
#f6af3c

Трыядны

#3b82f6
#f63c83
#83f63c

Аналагічны

#3ce0f6
#3b82f6
#523cf6

Мнахраматычны

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Тыповыя выкарыстанні

  • Пакетнік колера для вэб-дызайнуВыберыце і генеруйце колеры для вашага вэб-сайта — атрымайце HEX, RGB і HSL значэнні плюс гармонічныя палітры.
  • Пакетнік колера для брэндынгуСтварыце палітру колеру вашага брэнда — выберыце первасны, другасны і акцэнтны колеры, якія працуюць разам.
  • Пакетнік колера для сацыяльных медыяўСтварайце яркія каляровыя палітры для допісаў, гісторый і афармлення профілю ў сацыяльных сетках.
  • Пакетнік колера для друкованага дызайнуВыберыце колеры для друкаваных матэрыялаў — ліставакі, візітныя карткі, брошура — з дакладнымі прагляда колеру.
  • Пакетнік колера для прэзентацыіСпрэдзеліць колеры слайдаў — выберыце лёгкія колеры тэкста, палітры діаграм і паслучныя адцінны колеры.

Як гэта працуе

Усё працуе непасрэдна ў вашым браўзеры з дапамогай уласнаручна напісанай матэматыкі канвертавання — без каляровай бібліятэкі, без зваротнага падарожжа да сервера. Вы абіраеце колер праз нацыўны ўвод колеру браўзера ці API EyeDropper, і інструмент імгненна пераводзіць яго ў шэсць фарматаў, адначасова вылічваючы каэфіцыенты кантрасту WCAG і ствараючы палітры гармоніі.

  1. 1
    Увод колеру праз нацыўны API
    Вы абіраеце колер праз убудаваны віджэт браўзера <input type="color">, ці — у браўзерах на аснове Chromium — API EyeDropper дазваляе ўзяць узор любога пікселя на вашым экране. Абодва шляхі вяртаюць шаснаццатковы радок, які становіцца адзінай крыніцай ісціны.
  2. 2
    Уласнаручна напісаныя канвертацыі фарматаў
    Інструмент пераводзіць шаснаццатковае значэнне ў RGB, HSL, HSV, CMYK і OKLCH з дапамогай уласных матэматычных функцый (без знешняй бібліятэкі). Канвертаванне OKLCH лінеарызуе каналы sRGB, прымяняе матрыцу кубічнага кораня OKLab, потым выводзіць хрома і вугал адцення — адпавядаючы сучаснаму вываду CSS Color Level 4.
  3. 3
    Вылічэнне каэфіцыента кантрасту WCAG
    Адносная яркасць вылічваецца з лінеарызаваных каналаў RGB з дапамогай формулы WCAG 2.x. Потым інструмент вылічвае каэфіцыенты кантрасту з чыста белым і чыста чорным і пазначае іх AA-large, AA, AAA ці Fail згодна з парогамі WCAG (3:1, 4.5:1, 7:1).
  4. 4
    Стварэнне палітры гармоніі і лакальнае захаванне
    Камплементарныя, тыядныя, аналагічныя і монахраматычныя ўзоры вывадзяцца шляхам матэматычнага павароту ці крокавай змены адцення і яркасці HSL. Захаваныя палітры запісваюцца ў localStorage вашага браўзера — нічога не пакідае вашу прыладу.

Звязаныя інструменты

🎨

Генератар выпадковых колераў

Ствараеце выпадковыя колеры па адным або ў выглядзе палітры з пяці, блакуйце патрэбныя, капіруйце значэнні HEX, RGB або HSL і экспартуйце палітру як PNG або CSS.

Паспрабуйце
🎨

Канвертар колераў

Канвертуйце колеры паміж фарматамі HEX, RGB, HSL, HSV і CMYK імгненна. Уключае шкалу яркасці і ўзоры колераў.

Паспрабуйце
🎨

Вытворца каляровай палітры выявы

Здабывайце дамінантныя колеры з любой выявы з дапамогай k-сярэдніх квантавання колераў. Атрымлівайце hex-коды для 2–16 асноўных колераў вашага фотаздымка або лагатыпа.

ПаспрабуйцеФайлы застаюцца лакальнымі

Часта задаюць пытанні