How do you turn a palette into choices for a screen?
Start with a color for the background, a color for text and an accent. Give each a job before adding more. In Coolors you can enter a known color and ask the generator to suggest others. A hex value is a short code that identifies a color so a teammate can use the same one.
Which combinations should you check for readability?
Use the contrast checker with the actual text and background colors. Check the small label on your button and the text on any alternate background. A contrast result applies to the pair you entered. Check the finished screen too, including links and states people need to recognize.
Coolors lists advanced export and palette tools under Pro. Check the tool you need separately from the availability of the standalone contrast checker.
What should you keep when handing the colors to someone else?
Keep the exact color codes and the role of each color in your project notes. Coolors documents links, images and PDFs among palette exports. A copy in your project means the app does not need the palette link to display its colors.
Coolors’ terms allow palette use in your own commercial and non-commercial products, with limits. They prohibit standalone redistribution and use in stock sites or design templates. Check the terms if you want to distribute the palette itself.
What will you check before setting the colors in your app?
On paper, write a fictional button label and a small text note. Assign the text and background colors to each.
- Pick the exact pairsWrite down both colors for each element. Check them separately later.
- Keep another cueAdd a word or symbol for an error, so someone can spot it without depending on color alone.