CSS COLOR CODES FOR WHITE FULL
But that color as a full page background would be overwhelming. See this paletton, and imagine it with a heavier font: The white and black text are acceptably readable (to me, at least). The right orange (and many other hues) can pull that off. Colors with a blue or green tint are termed cool, while colors with a red or yellow tint are warm. a background color that goes with both black and white foreground text color. The paper was scanned into Paint Shop Pro, where the swatch color was averaged and extracted.
CSS COLOR CODES FOR WHITE PLUS
The neutral colors are taken from a ( - outdated link) Behr Premium Plus Interior/Exterior paint color swatch found at a hardware store. The charts are printed in tabular fashion so you can narrow your browser window with the palette and compare the colors to your design side-by-side. Click on the Toggle button to convert from Hex to RGB and back.
CSS COLOR CODES FOR WHITE CODE
Click on the color code to select it, then you can copy and paste it. You can use the colors in the palettes with either HTML or CSS. The decimal RGB color code is rgb(128,0,0). The hexadecimal RGB code of Maroon (HTML/CSS) color is 800000.This code is composed of a hexadecimal 80 red (128/256), a 00 green (0/256) and a 00 blue component (0/256). This page contains a neutral colors chart and a general-purpose color chart. 800000 800000 800000 800000 800000 128 0 0 Maroon (HTML/CSS) RGB Color Code: 800000. For the sake of readability for most people on most devices, you should choose either bright text on a dark background, or dark text on a bright background.§ Home > Index > Web Development CSS Color Chart That's one of the reasons for this principle:īackground and text colors should have high value contrast, because hue and saturation contrast are too dependent upon individual perception and monitor/printer representation.īy using text that is white (value = 255) and black (value = 0), you are limited to a value contrast with the background of at most 127 (the middle of that range). Too bad it looks like grasshopper vomit.įinally, keep in mind that any of the above versions will look very close to the grayscale version under certain kinds of colorblindness (dyschromatopsia and achromatopsia). IMO, the second version (slightly desaturated) isn't overwhelming and the text contrast is acceptable.
Without the color saturation, the white and black text are too similar to the background, so they will be difficult and/or tiresome to read. Let's fully desaturate to see what I mean: But we're starting to run up against the problem that ecc's answer mentioned. Now it's more of a warm gray, and it doesn't look so bad. I think that looks ugly, but the black/white text is still fairly readable. Here's the same palette desaturated a bit: For example, the four variants of green are green1 (the lightest), green2, green3, and green4 (the darkest). § These colors are members of groups of four shades each. Some or most color names will not be recognized by many browsers. Each color name must be written without any spaces. You could also place the CSS code into a external style sheet. All shades may be seen only with 256-color or higher resolution. But that color as a full page background would be overwhelming. Copy/paste the HTML codes into your own website or blog. The white and black text are acceptably readable (to me, at least). See this paletton, and imagine it with a heavier font: The right orange (and many other hues) can pull that off. HTML, CSS or hex color code for color 'Off white' is f8f8ff. The decimal RGB color code is rgb (255,255,255).
This code is composed of a hexadecimal FF red (255/256), a FF green (255/256) and a FF blue component (255/256). There probably isn't a background color to solve that problem, so let's address the more interesting question.Ī background color that goes with both black and white foreground text color. The hexadecimal RGB code of White color is FFFFFF. This css code: width:70 makes your HR take up 70 of its containers width. I'll withold judgement until I actually see an image or link to your design, but it sounds like you're already trying to mix oil and water. Since you only posted the CSS code without the HTML code, it may be hard for people to see the whole problem, but from the information you posted, this will be my proposed solution, This css code: width:960px makes your HR a fixed width of 960 pixels. Colors that don't go with black color background are not visible. Foreground light blue, white, gray, yellow color texts are present.