3 ms·
sorry for the stupid question, but how do you "apply" color palettes? i mean, sure they look great as colorful columns, but how do you put them into UI? let sa
by wiradikusuma 10y ago
sorry for the stupid question, but how do you "apply" color palettes? i mean, sure they look great as colorful columns, but how do you put them into UI?
let say Bootstrap. i tried using 1st color for button, 2nd color for "success" label, etc. it ended up ugly.
- Jack000 10y agocurrently the colors don't encode context, so you have to be a bit creative in applying them. I am working on something that does encode context though.
- michaelbuckbee 10y agoThis is what I'd want as well. Bootstrap is a good example of color application as they define SASS variables to action states: By default: primary == dark blue success == green warning == orange info == light blue danger == red Then the rest of the styling for the theme is calculated from that, so you have other elements defined as: whatever the primary color is but 40% darker. What I'd love is a color palette picker that let me put in a particular color orange and then would spit out: "Hey, here's the green, dark blue, light blue, and red that match that orange you chose."
- crucialfelix 10y agoWarning danger info success each carry some specific meaning. I would keep the colors standard (yellow red blue green) but match the saturation to the of the pallette. Primary and secondary are usually for backgrounds of major elements, detail elements to draw attention to. The other 3 colors should be boring but pleasant. For subtle variation without drawing attention to the elements
- kccqzy 10y agoIf your web page consists of distinct "rows" or sections, try setting these colors to be the background colors of those rows.
- IAmGraydon 10y agoYou typically want to choose 1 or 2 of the colors to base 90% of the theme around, and then use use rest for accents. You usually can't just distribute them evenly or you'll end up with a mess.