Like most people who use a custom product builder, we'd like to offer a pre-defined set of colors to pick from.
There are hundreds of Pantone color code out there and we'd like to know if some of you guys had already hand-picked a decent color set and if you were willing to share it with the community.
We're currently using an 81-colors palette that seemed to offer a decent selection to choose from for all colors. These are HTML-based color code, so ideally we'd prefer to use a pantone palette.
Until then, feel free to grab these code and use them with your site!
We haven't tried that so far but you may be able to achieve this through the Color menu in the General Settings (Colors > Color Names).
Hope this works!
All best,
B
0 Votes
S
Saul QUINONESposted
almost 5 years ago
Bastien,
Thank you for the info. Worked like a charm. Do you know if there is a way to insert a color name to pop up when the user hovers over the color with the mouse?
Thanks again.
0 Votes
Bastienposted
almost 5 years ago
Hey Saul,
We use this palette for all text elements.
As soon as you enter a set of HEX codes in the plugin General Settings (Element Properties > Custom Texts) the color palette will start to display instead of the color picker.
You can then adjust the CSS to display as desired.
All best,
B
0 Votes
S
Saul QUINONESposted
almost 5 years ago
Bastien,
How did you get the CSS for the color palette versus picker?
Thanks,
0 Votes
Bastienposted
over 7 years ago
Answer
Small correction, there were two duplicate colors at the end (#CCFFFF, #99FFCC) :
Like most people who use a custom product builder, we'd like to offer a pre-defined set of colors to pick from.
There are hundreds of Pantone color code out there and we'd like to know if some of you guys had already hand-picked a decent color set and if you were willing to share it with the community.
We're currently using an 81-colors palette that seemed to offer a decent selection to choose from for all colors. These are HTML-based color code, so ideally we'd prefer to use a pantone palette.
Until then, feel free to grab these code and use them with your site!
#ffffff, #000000, #333333, #666666, #999999, #cccccc, #cccc99, #9999cc, #666699, #660000, #663300, #996633, #003300, #003333, #003399, #000066, #330066, #660066, #990000, #993300, #cc9900, #006600, #336666, #0033FF, #000099, #660099, #990066, #cc0000, #cc3300, #ffcc00, #009900, #006666, #0066FF, #0000CC, #663399, #CC0099, #FF0000, #ff3300, #FFFF00, #00CC00, #009999, #0099FF, #0000FF, #9900CC, #FF0099, #CC3333, #FF6600, #FFFF33, #00FF00, #00CCCC, #00CCFF, #3366FF, #9933FF, #FF00FF, #FF6666, #FF6633, #FFFF66, #66FF66, #66CCCC, #00FFFF, #3399FF, #9966FF, #FF66FF, #FF9999, #FF9966, #FFFF99, #99FF99, #66FFCC, #99FFFF, #66CCFF, #9999FF, #FF99FF, #FFCCCC, #FFCC99, #FFFFCC, #CCFFCC, #99FFCC, #CCFFFF, #99FFCC, #CCFFFF, #99CCFF, #CCCCFF, #FFCCFF
Source : http://www.vaughns-1-pagers.com/internet/html-color-palette-81.gif
0 Votes
Bastien posted over 7 years ago Best Answer
Small correction, there were two duplicate colors at the end (#CCFFFF, #99FFCC) :
#ffffff, #000000, #333333, #666666, #999999, #cccccc, #cccc99, #9999cc, #666699, #660000, #663300, #996633, #003300, #003333, #003399, #000066, #330066, #660066, #990000, #993300, #cc9900, #006600, #336666, #0033FF, #000099, #660099, #990066, #cc0000, #cc3300, #ffcc00, #009900, #006666, #0066FF, #0000CC, #663399, #CC0099, #FF0000, #ff3300, #FFFF00, #00CC00, #009999, #0099FF, #0000FF, #9900CC, #FF0099, #CC3333, #FF6600, #FFFF33, #00FF00, #00CCCC, #00CCFF, #3366FF, #9933FF, #FF00FF, #FF6666, #FF6633, #FFFF66, #66FF66, #66CCCC, #00FFFF, #3399FF, #9966FF, #FF66FF, #FF9999, #FF9966, #FFFF99, #99FF99, #66FFCC, #99FFFF, #66CCFF, #9999FF, #FF99FF, #FFCCCC, #FFCC99, #FFFFCC, #CCFFCC, #99FFCC, #CCFFFF, #99FFCC, #CCCCFF, #FFCCFF
With a little bit of CSS this is what you get :
0 Votes
6 Comments
Saul QUINONES posted almost 5 years ago
Bastion,
Double thanks. WORKED LIKE A CHARM. Awesome!
0 Votes
Bastien posted almost 5 years ago
You're very welcome.
We haven't tried that so far but you may be able to achieve this through the Color menu in the General Settings (Colors > Color Names).
Hope this works!
All best,
B
0 Votes
Saul QUINONES posted almost 5 years ago
Bastien,
Thank you for the info. Worked like a charm. Do you know if there is a way to insert a color name to pop up when the user hovers over the color with the mouse?
Thanks again.
0 Votes
Bastien posted almost 5 years ago
Hey Saul,
We use this palette for all text elements.
As soon as you enter a set of HEX codes in the plugin General Settings (Element Properties > Custom Texts) the color palette will start to display instead of the color picker.
You can then adjust the CSS to display as desired.
All best,
B
0 Votes
Saul QUINONES posted almost 5 years ago
Bastien,
How did you get the CSS for the color palette versus picker?
Thanks,
0 Votes
Bastien posted over 7 years ago Answer
Small correction, there were two duplicate colors at the end (#CCFFFF, #99FFCC) :
#ffffff, #000000, #333333, #666666, #999999, #cccccc, #cccc99, #9999cc, #666699, #660000, #663300, #996633, #003300, #003333, #003399, #000066, #330066, #660066, #990000, #993300, #cc9900, #006600, #336666, #0033FF, #000099, #660099, #990066, #cc0000, #cc3300, #ffcc00, #009900, #006666, #0066FF, #0000CC, #663399, #CC0099, #FF0000, #ff3300, #FFFF00, #00CC00, #009999, #0099FF, #0000FF, #9900CC, #FF0099, #CC3333, #FF6600, #FFFF33, #00FF00, #00CCCC, #00CCFF, #3366FF, #9933FF, #FF00FF, #FF6666, #FF6633, #FFFF66, #66FF66, #66CCCC, #00FFFF, #3399FF, #9966FF, #FF66FF, #FF9999, #FF9966, #FFFF99, #99FF99, #66FFCC, #99FFFF, #66CCFF, #9999FF, #FF99FF, #FFCCCC, #FFCC99, #FFFFCC, #CCFFCC, #99FFCC, #CCFFFF, #99FFCC, #CCCCFF, #FFCCFF
With a little bit of CSS this is what you get :
0 Votes
Login or Sign up to post a comment