https://bgcolor.com/blog/ Colors and more: 100+ free color tools plus a blog on color theory. Background picker, palette generators, WCAG contrast checkers and HEX/RGB/HSL/OKLCH converters. en Sun, 23 Aug 2026 06:58:47 GMT https://bgcolor.com/blog/wide-gamut/ https://bgcolor.com/blog/wide-gamut/ Wed, 12 Aug 2026 09:00:00 GMT Most screens sold in the last five years can show colors sRGB cannot express. Here is how to use them without breaking everything else. color spacesoklch https://bgcolor.com/blog/text-over-images/ https://bgcolor.com/blog/text-over-images/ Wed, 29 Jul 2026 09:00:00 GMT A hero image that averages to mid-gray can still contain a blown-out sky. Solve for the worst pixel, not the average one. backgroundsaccessibilitycontrast https://bgcolor.com/blog/color-and-mood/ https://bgcolor.com/blog/color-and-mood/ Wed, 15 Jul 2026 09:00:00 GMT Blue does not mean trust. The studies most often cited for color psychology say considerably less than the infographics claim. fundamentalspalettes https://bgcolor.com/blog/banding-and-dithering/ https://bgcolor.com/blog/banding-and-dithering/ Wed, 01 Jul 2026 09:00:00 GMT Those faint rings in your gradient are not a rendering bug. They are 8-bit quantisation, and the fix is about three percent of noise. backgroundsgradients https://bgcolor.com/blog/choosing-an-accent/ https://bgcolor.com/blog/choosing-an-accent/ Wed, 17 Jun 2026 09:00:00 GMT An accent has one job: to be the most noticeable thing on the screen at the moment it appears. What that requires depends entirely on what is behind it. palettesbackgrounds https://bgcolor.com/blog/60-30-10-is-not-a-law/ https://bgcolor.com/blog/60-30-10-is-not-a-law/ Wed, 03 Jun 2026 09:00:00 GMT It is a useful heuristic from interior design that gets repeated as though it were a specification. Here is what it is actually good for. palettesfundamentals https://bgcolor.com/blog/apca-and-the-end-of-the-ratio/ https://bgcolor.com/blog/apca-and-the-end-of-the-ratio/ Wed, 20 May 2026 09:00:00 GMT WCAG 3 replaces the 4.5:1 ratio with a model that knows dark mode exists. Here is what changes and what to do about it now. accessibilitycontrast https://bgcolor.com/blog/elevation-without-shadows/ https://bgcolor.com/blog/elevation-without-shadows/ Wed, 06 May 2026 09:00:00 GMT Shadow is the absence of light. On a dark background there is barely any light to remove, so depth has to come from somewhere else. dark modebackgroundsdesign systems https://bgcolor.com/blog/semantic-tokens/ https://bgcolor.com/blog/semantic-tokens/ Wed, 22 Apr 2026 09:00:00 GMT A story about --blue-500, told as a cautionary tale, with the two-layer token structure that prevents it. design systemspalettes https://bgcolor.com/blog/color-blindness-is-a-constraint/ https://bgcolor.com/blog/color-blindness-is-a-constraint/ Wed, 08 Apr 2026 09:00:00 GMT Around one in twelve men cannot distinguish some of the color pairs in your interface. That is not an accessibility footnote, it is a larger group than Safari users. accessibilitycolor blindness https://bgcolor.com/blog/nobody-background-is-white/ https://bgcolor.com/blog/nobody-background-is-white/ Wed, 25 Mar 2026 09:00:00 GMT Pure white is a default, not a decision. Look at the products you admire and almost none of them use it. Here is what they use instead and why. backgroundsfundamentals https://bgcolor.com/blog/the-muddy-middle/ https://bgcolor.com/blog/the-muddy-middle/ Wed, 11 Mar 2026 09:00:00 GMT Blue to yellow should pass through green. In CSS it passes through gray. The cause is one line in the spec and the fix is one keyword. gradientscolor spacesoklch https://bgcolor.com/blog/building-a-color-ramp/ https://bgcolor.com/blog/building-a-color-ramp/ Wed, 25 Feb 2026 09:00:00 GMT One brand color is not a palette. Here is how the 50–950 scale works, why the ends always look washed out, and which step you should actually be using for text. palettesdesign systemsoklch https://bgcolor.com/blog/dark-mode-is-not-an-inversion/ https://bgcolor.com/blog/dark-mode-is-not-an-inversion/ Wed, 11 Feb 2026 09:00:00 GMT filter: invert(1) takes about four seconds and produces a theme where your brand blue has turned orange. Here is what a real dark theme requires. dark modedesign systemsbackgrounds https://bgcolor.com/blog/what-wcag-contrast-actually-measures/ https://bgcolor.com/blog/what-wcag-contrast-actually-measures/ Wed, 28 Jan 2026 09:00:00 GMT Everyone knows the number. Far fewer know what it is computing, where it is wrong, and why passing it does not mean your text is readable. accessibilitycontrast https://bgcolor.com/blog/why-hsl-lies-to-you/ https://bgcolor.com/blog/why-hsl-lies-to-you/ Wed, 14 Jan 2026 09:00:00 GMT HSL claims that every hue at 50% lightness is equally light. Look at pure yellow next to pure blue and you can see that it is not true. Here is what that costs you. color spacesoklchfundamentals https://bgcolor.com/blog/your-background-is-the-most-important-color/ https://bgcolor.com/blog/your-background-is-the-most-important-color/ Sat, 03 Jan 2026 09:00:00 GMT One color covers more of your interface than every other color combined, and every decision downstream has to answer to it. Most teams pick it last. backgroundsfundamentals