Зургийн өнгөний палитр гаргагч — үнэгүй
k-means өнгөний квантчлал ашиглан дурын зургийн давамгайлсан өнгөнүүдийг гаргаж авах. Зураг эсвэл логоныхоо дээд 2-16 өнгөний hex кодуудыг авах.
Файлаа энд чирж оруулах эсвэл дарж сонгоно уу
JPG, PNG, WebP, GIF, HEIC, HEIF · таны төхөөрөмж дээр боловсруулагдсан
эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу
Зөвлөгөө: Ctrl+V товчоор дэлгэцийн зургийг буулгаж болно
Таны файлууд таны төхөөрөмжөөс хэзээ ч гардаггүй. Бүх боловсруулалт таны хөтчид орон нутагт хийгддэг.
Түгээмэл хэрэглээ
- Логонаас брэндийн өнгөг сугалж авахАливаа лого эсвэл брэндийн зургийн давамгайлагч өнгөний яг hex кодгийн авах.
- Зургуудаас вэб дизайны палитра үүсгэхБаатар зургууд эсвэл фонын зургуудаас тохирох вэбсайтын өнгөний палитра үүсгэнэ.
- Урьдчилан сэргээлэлтийн зургуудаас өнгө сугалж авахДотоод засал, эсвэл загварын зургуудаас өнгөний палитра сугалж, таны төслүүдэд ашиглахын хувьд ашиглах.
- Уран зургийн болон урлагийн палитруудыг шинжлэхАлдартай уран зургууд эсвэл та бүтээсэн урлагийн өнгөний палитруудыг давамгайлагч өнгөг сугалж сурдаг.
- Зургуудаас CSS сэдэвЗургуудаас CSS хувьсагчийн сэдэвүүдийг үүсгэнэ — динамик сэдэв эсвэл авто-үүсгэгдсэн өнгөний схемийн хувьд хэрэгтэй.
Хэрхэн ажилладаг
Өнгөний гаргалт Canvas API-аас уншсан түүхий пиксел өгөгдөлд хэрэглэсэн гараар бичсэн k-means++ бөөгнөрлийн алгоритм ашиглан бүхэлдээ таны хөтчид явагддаг — сервер, гуравдагч талын номын сан хамааралгүй. Ижил зураг, өнгөний-тооны тохиргоо үргэлж ижил палет гаргадаг, учир нь алгоритм Math.random биш тодорхойлогдмол псевдо-санамсаргүй тоо үүсгэгч (mulberry32) ашигладаг.
- 1Canvas пиксел өгөгдлийг уншдагЗураг дэлгэцийн-гадуурх HTML Canvas элемент дээр зурагдаж хамгийн урт талдаа хамгийн ихдээ 200px хүртэл багасгагддаг. Canvas API-ийн getImageData() пиксел бүрийг түүхий RGBA байт болгон буцаадаг, бүрэн тунгалаг пикселүүд (alpha < 128) бөөгнөрөл эхлэхийн өмнө хаягдана.
- 2k-means++ пикселийг бөөгнөрүүлдэгk-means++ эхлүүлэгч төвүүдийг тодорхойлогдмол байдлаар суулгадаг, дараа нь алгоритм 20 хүртэл давтдаг: пиксел бүр RGB орон зайд хамгийн ойрхон төвдөө оноогддог, дараа нь төвүүд бүх оноогдсон пикселийн дунджаар дахин тооцоологддог. Ижил hex утга руу нурсан бөөгнөрөл нэгтгэгддэг тул үр дүн дэх swatch бүр өвөрмөц.
- 3Өнгө тутмын мета-өгөгдөл тооцоологддогТөв бүр HEX, HSL, нийт пикселийн хувь (хувиар) руу хөрвүүлэгддэг. WCAG харьцангуй гэрэлтэлт стандарт томьёогоор тооцоологдож, хар, цагаантай ялгаралтын харьцаа swatch бүрийн хамт харагдана.
- 4Экспорт, eyedropper гаралтПалетыг CSS custom properties, SCSS хувьсагч, Tailwind config хэсэг эсвэл JSON болгон хуулж болно. Click-to-sample eyedropper таны урьдчилан харах дээрх товшилтыг бүтэн-нарийвчлалын canvas дээрх яг эх пикселийн координат руу буулгаж, тэр пикселийн өнгийг тусдаа сонгосон-өнгийн жагсаалтад нэмдэг. PNG палетын туузыг Canvas toBlob()-ээр татаж болно.
Таны зураг хэзээ ч байршуулагддаггүй — энэ нь бүхэлдээ таны хөтчийн санах ойд декодлогдож боловсруулагддаг, зөвхөн файлын хэмжээ (KB) аналитикт мэдээлэгддэг.
Холбоотой хэрэгслүүд
Санамсаргүй өнгө үүсгэгч
Санамсаргүй өнгийг нэг нэгээр нь эсвэл таван өнгийн палитраар үүсгэж, таалагдсаныг түгжиж, HEX, RGB эсвэл HSL утгыг хуулж, палитрыг PNG эсвэл CSS-ээр экспортол.
Өнгөний палитр үүсгэгч
Дурын үндсэн өнгөнөөс нөхөх, аналог, гурвалжин, монохром өнгөний палитруудыг үүсгэх. Нэг товшилтоор hex кодуудыг хуулах.
Өнгө сонгогч ба палитр үүсгэгч
Өнгө сонгох, HEX/RGB/HSL хооронд хөрвүүлэх, зохицсон палитр үүсгэх.