Үндсэн агуулга руу очих
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
#ffffff дээрх текст3.68:1AA том

Бараан ба цайвар сүүдэр (50–950)

Өнгөний палитр

Нөхөлт

#3b82f6
#f6af3c

Гурвалсан

#3b82f6
#f63c83
#83f63c

Аналог

#3ce0f6
#3b82f6
#523cf6

Нэгөнгөлэн

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

Түгээмэл хэрэглээ

  • Вэб дизайныг өнгөн сонгогчТаны вэбсайтын өнгө сонгож үүсгэх — HEX, RGB, HSL утгуудыг авах ба гармоник палитра авах.
  • Ирээдүйн өнгөн сонгогчТаны брэндийн өнгөний палитра үүсгэх — эхлэл, хоёрдох, акцент өнгөйг нийт ажиллана сонгож авах.
  • Сошиал медиа өнгөн сонгогчСошиал медиа постууд, үүлүүд болон профайл дизайнд сонирхолтой өнгөний палитра үүсгэх.
  • Хэвлэлийн дизайны өнгөн сонгогчХэвлэлийн материалын өнгө сонгоох — нэгүүлэлт, дүрмийн карт, брошюр — нарийвчилсан өнгөний урьдчилан үзэхтэй.
  • Танилцуулгын өнгөн сонгогчСлайдын өнгөний схемийг дизайн хийх — унших үхэлтэй текстийн өнгө, диаграмын палитра, нийцтэй онцолж өнгө сонгоох.

Хэрхэн ажилладаг

Бүгд гараар бичсэн хөрвүүлэлтийн математикыг ашиглан таны хөтчид шууд ажилладаг — өнгөний номын сан, серверийн дамжуулалт хамааралгүй. Та хөтчийн уугуул өнгө оролтоор эсвэл EyeDropper API-аар өнгө сонгоно, хэрэгсэл шууд түүнийг зургаан формат руу хөрвүүлэн зэрэгцээгээр WCAG ялгаралтын харьцааг тооцоолж, гармоны палет үүсгэдэг.

  1. 1
    Уугуул API-аар өнгөний оролт
    Та хөтчийн байгуулагдмал <input type="color"> widget-ээр, эсвэл — Chromium-суурьтай хөтчид — EyeDropper API таны дэлгэц дээрх ямар ч пикселийг сорьцлох боломж олгодог өнгө сонгоно. Хоёр зам хоёулаа цорын ганц үнэн эх сурвалж болох hex мөр буцаадаг.
  2. 2
    Гараар бичсэн форматын хөрвүүлэлт
    Хэрэгсэл hex утгыг RGB, HSL, HSV, CMYK, OKLCH руу өөрийн математик функцээр (гадаад номын сангүй) хөрвүүлдэг. OKLCH хөрвүүлэлт sRGB сувгийг шугамжуулж, OKLab шоо-язгуур матриц хэрэглэж, дараа нь орчин үеийн CSS Color Level 4 гаралттай тохирсон chroma, тоны өнцгийг гаргадаг.
  3. 3
    WCAG ялгаралтын харьцааны тооцоолол
    Харьцангуй гэрэлтэлт шугамжуулсан RGB сувгаас WCAG 2.x томьёо ашиглан тооцоологддог. Хэрэгсэл дараа нь цэвэр цагаан, цэвэр хар өнгөтэй ялгаралтын харьцааг тооцоолж WCAG босго (3:1, 4.5:1, 7:1)-оор AA-large, AA, AAA эсвэл Fail гэж шошголдог.
  4. 4
    Гармоны палет үүсгэлт, локал хадгалалт
    Нэмэлт, гурвал, ойролцоо, монохром swatch HSL тон, гэрэлтэлтийн утгыг математикаар эргүүлж эсвэл алхуулж гаргадаг. Хадгалсан палетууд таны хөтчийн localStorage-д бичигддэг — таны төхөөрөмжөөс юу ч гардаггүй.

Холбоотой хэрэгслүүд

🎨

Санамсаргүй өнгө үүсгэгч

Санамсаргүй өнгийг нэг нэгээр нь эсвэл таван өнгийн палитраар үүсгэж, таалагдсаныг түгжиж, HEX, RGB эсвэл HSL утгыг хуулж, палитрыг PNG эсвэл CSS-ээр экспортол.

Туршиж үзэх
🎨

Өнгө хөрвүүлэгч

Өнгөнүүдийг HEX, RGB, HSL, HSV, CMYK форматуудын хоорондоо агшин зуур хөрвүүлэх. Гэрэлтийн хэмжүүр болон урьдчилан тохируулсан дэвсгэр өнгөнүүдийг агуулна.

Туршиж үзэх
🎨

Зургийн өнгөний палитр гаргагч

k-means өнгөний квантчлал ашиглан дурын зургийн давамгайлсан өнгөнүүдийг гаргаж авах. Зураг эсвэл логоныхоо дээд 2-16 өнгөний hex кодуудыг авах.

Туршиж үзэхФайлууд орон нутагт үлддэг

Түгээмэл асуултууд