New answers tagged

0

Note that while I accepted the answer from @filip, I ultimately went with a different approach, shown below: I chose to use a much more subtle white border at 20% opacity, as well as a faint shadow. This aimed to be a middle-ground between making the color easier to judge and keeping enough contrast.


2

Ultimately, this isn't something we can answer for you. The best approach is to ask the question of your users and get feedback about how important they feel it is. Then decide if it's worth the time and effort. However, I would say there is one key factor that can definitely support having a "themes" feature and that is branding. The apps you ...


1

To address this issue in apps I develop, I use a generic function which computes the RSS of the difference between the newly selected background (or text) color and compare it to a user-specified threshold. If the RSS value is less than said threshold, indicating insufficient contrast with text (or background), I still accept the new background (or text) ...


2

The background of the color should be the color it'll be displayed upon. (For instance it looks like the background behind the sample colors is 5F5F5F or thereabouts. If the chosen color will actually be displayed against 000000, then change that area so it's 000000). For bonus points, you could make the "Apply to all" button in the color being ...


10

Google doesn't care: They possibly assume that anyone savvy enough to know they need to pick a color will understand that the color they pick might match the background. MS Paint has a gray left and top border but a white right and bottom border. It seems to be about 1px so it's not terribly noticeable but seems to provide enough distinction between the ...


5

Use a border with a high contrast opposed to the background color. It doesn't hurt the accessibiltiy if the inner content (chosen color) has a low contrast opposed to the border, but it hurts the accessibility if the border has a low contrast opposed to the background. Any border color is fine as long as it has a contrast ratio of 3:1 (Level AA) but white ...


48

You could try adding a transparent black or white border on the inside of the coloured squares. This will look okay for most colors. One drawback of this solution is that the border will be noticeable as a slight blur on bright colors. To remedy this you could measure the contrast between the selected color and the background and only show the border if the ...


15

One working solution I found on my own was to add a "ring gradient" to the edge of each color, like this: This complimented the shadows in boosting necessary contrast, and the fact that it's a gradient means that at least one of its component colors would create sufficient contrast even if the "inside" color was the same as one of the ...


Top 50 recent answers are included