

Ranges from 0 to 100% (0 means no color, that is a shade of grey between blackĪlso sometimes called the "purity" by analogy to the colorimetric

In most cases, numbers are not (internally) rounded.If you change the text to "100*1.5", it will be automatically resolved to 150. Let's say you have in the RGB "R" field the value "100".

#COLOR PALETTE CONVERTER UTILITY FREE#
Feel free to modify sliders from different color space, just to find the perfect color or to understand the relationships. Realtime SlidersĬhanges of a single slider will emmitted to every other slider in realtime. If you broke the View, just press Reset All Data. All modifications are stored in a local cookie in your browser.
#COLOR PALETTE CONVERTER UTILITY CODE#
You can also modify Html Source Code of the Sample. Defining the Parent Color for Alpha blending.Some colors only look great if they are only 1-2 pixels wide, like a border of a font. Some colors only look great if they are in combination with other colors. There are two reasons why there's more complex Viewer instead of a simple solid rectangle: On the left side, you can choose what color you want to change. Signed or Unsigned.įeatures Color Sample Viewer / Color Layers RGB, HSL, HSV, CMYK, CIELab, YPbPr, XYZ, xyY, MunsellĪll Color spaces convertible in all other color spaces.If you don't plan to use the background color utilities in your project, you can disable them entirely by setting the backgroundColor property to false in the corePlugins section of your config file: // nfig. You can control which variants are generated for the background color utilities by modifying the backgroundColor property in the variants section of your file.įor example, this config will also generate active and group-hover variants: // īy default, only responsive, hover and focus variants are generated for background color utilities. You can customize your color palette by editing the lors variable in your file, or customize just your background colors using the theme.backgroundColor section of your Tailwind config. Customizing Background Colorsīy default Tailwind makes the entire default color palette available as background colors. Control the background color of an element using the.
