Нэг брэндийн өнгөнөөс палитрыг хэрхэн үүсгэх вэ?

Үндсэн өнгө талбарт hex код, teal гэх мэт өнгөний нэр, эсвэл rgb() юм уу hsl() утгыг оруулаад Оруулах товчийг дарна уу. Дараа нь Брэндийн палитр, Нийлэмэл, Гурвалсан эсвэл Нэг өнгө гэх мэт төрлийг сонгоод хуулахын тулд өнгөний дээж дээр дарна уу.

Палитр үүсгэгч нь экспортлох ямар форматуудыг дэмждэг вэ?

Та өнгийг hex, rgb, hsl эсвэл oklch хэлбэрээр хуулах боломжтой бөгөөд CSS, SCSS, JSON, Tailwind 50-950 хуваарь, PNG, SVG, GIMP/Krita GPL, Adobe ASE эсвэл Photoshop ACO файлуудаар экспортлох боломжтой. Ямар сонголтууд харагдах нь Экспорт удирдлагаас хамаарна.

Палитрын өнгөнүүд цагаан эсвэл хар дээр гаргацтай эсэхийг хэрхэн шалгах вэ?

Өнгө тус бүр WCAG түвшний AAA, AA, AA том эсвэл Тэнцээгүй гэсэн Цагаан дээр болон Хар дээр тэмдэглэгээг харуулдаг. Мөн Текст ба дэвсгэрийн шалгалт хэсэг нь тодорхой хослолыг шалгахын тулд текстийн өнгө болон дэвсгэрийг сонгох боломжийг олгодог.

Зарим өнгийг үлдээгээд бусдыг нь хэрхэн шинээр холих вэ?

Үлдээхийг хүссэн дээж дээрээ Энэ өнгийг түгжих товчийг дараад Холих товчийг дарна уу. Түгжигдсэн өнгөнүүд хэвээр үлдэж, бусад нь өөрчлөгдөнө. Та мөн дан дээжийг өөрчлөхийн тулд Энэ өнгийг засах товчийг ашиглаж болох бөгөөд энэ нь палитрыг засварлагдсан гэж тэмдэглэнэ.

Палитраа хуваалцах эсвэл дэлгэцээсээ өнгө сонгох боломжтой юу?

«Үр дүнг хуваалцах» нь үндсэн өнгө, төрөл болон бүх засварыг агуулсан холбоос үүсгэдэг тул нээсэн хүн бүр ижил палитр харна. Утсан дээр хуваалцах цонх нээгдэж, компьютер дээр холбоос хуулагдана. «Дэлгэцээс сонгох» нь хөтчийн EyeDropper-ийг ашигладаг бөгөөд үүнийг зөвхөн дэмждэг, голдуу Chromium суурьтай хөтөч дээр ашиглах боломжтой.

Үнэхээр үнэгүй юу?

Тийм. Хэрэгсэл бүрийг бүртгэл үүсгэхгүйгээр, төлбөрийн картгүйгээр үнэгүй ашиглах боломжтой. Бүх үйл явц манай сервер дээр биш, таны төхөөрөмж дээр явагддаг тул үнэ төлбөргүй ажилладаг.

Гар утсан дээр ажилладаг уу?

Тийм. iOS болон Android-ийн орчин үеийн гар утасны хөтөч дээр юу ч суулгахгүйгээр ажиллана.

🎨

Өнгөний палитр үүсгэгч — үнэгүй

Дурын үндсэн өнгөнөөс нөхөх, аналог, гурвалжин, монохром өнгөний палитруудыг үүсгэх. Нэг товшилтоор hex кодуудыг хуулах.

Хөтчид ажилладагБүртгэл шаардлагагүй, цонх гарахгүйНэвтрэх шаардлагагүйҮүрд үнэгүй

Ачаалагдсаны дараа офлайн ажилладаг

Үндсэн өнгө

Hex код, teal эсвэл tomato гэх мэт өнгөний нэр, эсвэл rgb(20, 184, 166) / hsl(174, 80%, 40%) бичээд Enter дарна уу.

Брэндийн палитр · 7 өнгө

Хуулах формат

Экспорт:PNG/SVG дээрх hex шошго

Үндсэн

Цагаан дээр 2.5Тэнцээгүй

Хар дээр 8.4AAA

Тодотгол

Цагаан дээр 2.9Тэнцээгүй

Хар дээр 7.2AAA

Цайвар өнгө

Цагаан дээр 1.1Тэнцээгүй

Хар дээр 19.4AAA

Хар сүүдэр

Цагаан дээр 9.0AAA

Хар дээр 2.3Тэнцээгүй

Саарал цайвар

Цагаан дээр 1.1Тэнцээгүй

Хар дээр 19.3AAA

Саарал дунд

Цагаан дээр 4.1AA том

Хар дээр 5.1AA

Саарал бараан

Цагаан дээр 16.1AAA

Хар дээр 1.3Тэнцээгүй

Текст ба дэвсгэрийн шалгалт

Текстийн өнгөДэвсгэр

Том гарчгийн жишээ

Энэ хосын үндсэн текстийн жишээ

8.44:1Энгийн текст AAAТом текст AAA

Эдгээрийг туршаарай

Зургаас өнгө авмаар байна уу? Зургийн өнгө гаргагчийг ашиглаарай

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

Веб дизайнд өнгийн цогц үүсгэхВебсайт, веб шүүрэг болон UI хэсгүүдийн хувьд гарвалж өнгийн схем үүсгэх.
Брэнд өнгийн цогц үүсгэхНэг брэнд өнгөөс дүүрэн брэнд өнгийн систем хөгжүүлэх — анхан, нэмэлт, онцлог болон төөнөлт.
Урлаг болон зургаар өнгийн цогц үүсгэхЛичнал урлаг, зургаа болон өнөөгийн төслүүдийн хувьд гарвалж өнгийн хоорондыг үүсгэх.
Figma хувьд өнгийн өндөрлөг үүсгэхFigma Color Styles болон дизайн жетон суудлуудын ашиглалтанд өнгийн цогц үүсгэх.
Үнэхээр модын өнгийн цогц үүсгэхҮнэхээр модын дэмжүүлэлт үүсгэхийн хувьд өнгийн цогцын хөнгөн болон үнэхээр варианцуудыг үүсгэх.

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

Энэ хэрэгсэл ямар ч гадаад номын сангүй бүтээгдсэн — бүх өнгөний математик таны хөтчид гараар бичсэн JavaScript-ээр шууд ажилладаг. Энэ нь таны сонгосон өнгийг hex, HSL хооронд хөрвүүлж, дараа нь тон дугуй дээрх арифметикаар сонгодог өнгөний онолын гармоны дүрмүүдийг (нэмэлт, гурвал, ойролцоо гэх мэт) хэрэглэж палет бүрийг гаргадаг.

1
Hex-ээс-HSL хөрвүүлэлт
Та өнгө сонгоход хэрэгсэл hex мөрийг RGB бүрэлдэхүүн болгон задалж, тэдгээрийг HSL (тон, ханалт, гэрэлтэлт) руу хөрвүүлдэг. Тон бол өнгөний дугуй дээрх 0–360 градусын байрлал; палетын математик бүгд энэ орон зайд явагддаг.
2
Гармоны тоны арифметик
Палетийн төрөл бүр үндсэн тонд хэрэглэгдсэн тогтмол эргэлтийн томьёо юм. Нэмэлт 180° нэмдэг, гурвал 120°, 240° нэмдэг, дөрвөл 90°-оор алхдаг, хагас-нэмэлт 150°, 210° ашигладаг. Монохром, сүүдэрүүд тонг, ханалтыг тогтмол байлгаж гэрэлтэлтийг дээш доош алхдаг.
3
HSL-ээс-hex гаралт
Тооцоологдсон HSL гурвал бүр стандарт chroma томьёо ашиглан буцаан hex өнгө рүү хөрвүүлэгддэг. Үр дүн авто-ялгаралттай шошготой (гэрэл swatch дээр харанхуй текст, харанхуй дээр гэрэл текст) энгийн гэрэлтэлтийн босгоор тодорхойлогдсон өнгөний туузаар харагдана.
4
Хүссэн форматаараа экспортлох
Палетыг hex мөр болгон хуулах эсвэл CSS хувьсагчийн файл (:root { --color-1: … }), SCSS хувьсагч, Tailwind config хэсэг, JSON объект эсвэл PNG өнгөний туузаар экспортол. PNG экспорт хөтчийн Canvas API (toDataURL) ашиглан swatch бүрийг hex шошготойгоор зурдаг — бүгд товших үед локалиар үүсгэгддэг.

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

🎨

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

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

Туршиж үзэх

🎨