In total, these notations give access to 16,777,216 colors. These notations are simply 3 different ways to specify a color, and any of these 3 doesn't give you access to any additional colors. Using color on the web, whether this is via CSS, HTML or JavaScript, is done using a color code notation like RGB, HSL or HEX. 🙌 This tool is made possible thanks to iro.js and chroma.js, two awesome JavaScript libraries to play with colors.
Rgb to hex color code generator generator#
Tints consist of the original color mixed with various degrees of white, shades mix the color with various degrees of black and tones are a mix of the colors with various degrees of neutral gray.įor more color palettes, check out pppalette, a simple color palette generator and hhhue, a curated collection of color palettes. This can help refine the color, or help build a cohesive color palette for your web design projects. ✨ For the selected color, you also get color palettes with tints, shades, tones, warmer colors and cooler colors. So for example, if you're looking to convert rgb to hex, or hex to hsl, this tool will help you do just that.
😅 I also wanted to make it easy to copy and convert the color values in different formats like RGB(a), HSL(a), hex or 8-digit hex (with alpha), so that as web designers we can stop finicking around with formatting our color values and can get on to what we do best. 🎨 I wanted to create a color picker for CSS & HTML that's clean and elegant, without clutter and where we see a large preview of the selected color.
0 kommentar(er)
