{"id":2114,"date":"2026-08-26T02:25:30","date_gmt":"2026-08-26T02:25:30","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&p=2114"},"modified":"2026-08-26T08:29:11","modified_gmt":"2026-08-26T08:29:11","slug":"the-custom-colour-picker","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/extra-tips\/the-custom-colour-picker\/","title":{"rendered":"The Custom Colour Picker"},"content":{"rendered":"
\n

The Custom Colour Picker
\n\"The<\/h2>\n

Achieving the perfect visual aesthetic requires precise control over your palette. Open Publisher includes a professional-grade custom colour picker, intuitively accessible whenever you need to select a colour for text, backgrounds, geometric shapes, or page borders. Designed to accommodate both rapid prototyping and strict corporate design guidelines, it features a seamless tabbed interface that lets you instantly switch between a library of quick swatches and a full custom colour selection suite.<\/p>\n

<\/p>\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Feature \/ Control<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
Interface Tabs<\/td>\n<\/tr>\n
Swatches<\/td>\nA grid of predefined, vibrant preset colours. Perfect for rapid design work or maintaining a standard, consistent palette across basic documents.<\/td>\n<\/tr>\n
Custom<\/td>\nUnlocks the full manual colour selection toolset, giving you precise control over millions of colours for exact brand-matching (see controls below).<\/td>\n<\/tr>\n
Professional Gradient Wheel<\/td>\n<\/tr>\n
2D Saturation\/Brightness Canvas<\/td>\nClick or drag your cursor anywhere on the interactive canvas to intuitively set your colour’s saturation (intensity) and brightness (lightness) simultaneously.<\/td>\n<\/tr>\n
1D Hue Slider<\/td>\nDrag the slider to sweep through the full visible colour spectrum and select your foundational base hue before fine-tuning it on the 2D canvas.<\/td>\n<\/tr>\n
RGB & Hex Inputs<\/td>\n<\/tr>\n
Hex Input<\/td>\nType or paste a 6-character hex colour code directly (for example: #007670<\/span>). Essential for web designers or adhering to strict corporate brand guidelines.<\/td>\n<\/tr>\n
RGB Inputs<\/td>\nFine-tune the Red, Green, and Blue channels individually using precise number fields (0-255). All numerical inputs are synchronised in real time with the visual gradient picker, updating instantly as you type.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Eyedropper Tool<\/h3>\n

\"Eyedropper<\/h3>\n

An integrated eyedropper tool<\/strong> is built directly into the colour picker interface, functioning as an indispensable asset for cohesive design. Use it to sample any colour currently visible on your screen and instantly apply it as your active selected colour. This is the ideal method for perfectly matching text or background colours to a specific hue found within a client’s logo, an imported reference photo, or an existing design element already sitting on your canvas.<\/p>\n

Smart Undo Fallback<\/h3>\n

\"Smart<\/h3>\n

Nothing disrupts a creative workflow more than a broken undo function. The colour picker incorporates a sophisticated behind-the-scenes fix for a common browser limitation: normally, pressing Ctrl+Z<\/span> while actively editing inside a text box would fail to undo broader canvas-level actions (like colour changes) if the browser’s internal text-undo history was empty. Open Publisher intelligently detects this trap and automatically falls back to the main canvas undo function. This ensures that Ctrl+Z<\/span> always works flawlessly and predictably, reversing your last action regardless of where your cursor is currently focused.<\/p>\n

\"Color<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The Custom Colour Picker Achieving the perfect visual aesthetic requires precise control over your palette. Open Publisher includes a professional-grade custom colour picker, intuitively accessible whenever you need to select a colour for text, backgrounds, geometric shapes, or page borders. Designed to accommodate both rapid prototyping and strict corporate design guidelines, it features a seamless […]<\/p>\n","protected":false},"author":1,"featured_media":2123,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[25],"class_list":["post-2114","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-extra-tips"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=2114"}],"version-history":[{"count":8,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2114\/revisions"}],"predecessor-version":[{"id":2129,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2114\/revisions\/2129"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/2123"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=2114"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=2114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}