Color Picker in the HTML6 Editor
HTML6 editor has its own built-in color picker🎨 in its dedicated panel. Click the input field to open the color palette! Pick your color or type your #RGB hex code. Press the play button to learn more, save it, and use it in your project.
Using The Color Picker
Color Details
Click the triangle icon to reveal details about your selected color, including its Hex, RGB, and CMYK values.
Quick Copy
Need to use your color code fast? Click and copy the generated code snippets directly into the editor, just like in the Click and Copy panel. You can quickly access the following CSS styles, prefilled with the selected color:
- color:#79BBFF; – Sets the text color to a light blue shade (#79BBFF).
- style="color:#79BBFF;" – Inline CSS that sets the text color to a light blue shade.
- background-color:#79BBFF; – Sets the background color of an element to light blue.
- border: 3px solid #79BBFF; – Creates a 3-pixel solid border around the element in light blue.
- text-shadow: 1px 2px 2px #79BBFF; – Adds a shadow effect to text, offset by 1px horizontally and 2px vertically, with a blur radius of 2px in light blue.
- box-shadow: 2px 2px 7px 1px #79BBFF; – Adds a light blue shadow around the element with a horizontal and vertical offset of 2px, a blur radius of 7px, and a spread radius of 1px.
Saved Palette
Save your favorite colors to your own palette for easy access. Use the ↗ icon to activate a color or the × icon to remove one. Save your palette to the cloud with the icon in the header.
Advanced Color Mixing
Need more control? Open a more advanced color mixer in a new browser tab for fine-tuning. Visit RGB Color Code for an advanced color picker tool.
Hex, RGB, and CMYK Color Codes
Hex: A hexadecimal color code used in web design and digital applications.
RGB: A color model based on Red, Green, and Blue, used for digital screens.
CMYK: A subtractive color model using Cyan, Magenta, Yellow, and Black, mainly used in printing.
| Color | Hex | RGB | CMYK | Preview |
|---|---|---|---|---|
| Red | #FF0000 | rgb(255, 0, 0) | (0, 100, 100, 0) | |
| Green | #00FF00 | rgb(0, 255, 0) | (100, 0, 100, 0) | |
| Blue | #0000FF | rgb(0, 0, 255) | (100, 100, 0, 0) | |
| Black | #000000 | rgb(0, 0, 0) | (0, 0, 0, 100) | |
| White | #FFFFFF | rgb(255, 255, 255) | (0, 0, 0, 0) |
đź’ˇ Tips for Color Selection
- Choose colors that complement each other for a more visually appealing design.
- Use high-contrast colors for better readability.
- Test your color choices on different screens to ensure consistency.
- Save frequently used colors to your palette for quick access.
Our color picker is using the free online jscolor plugin.