Get easy access to HTML, Hex, RGB, and HSL codes with our color tools.
Let’s paint the world with colors!
Explore a comprehensive list of HTML color codes, ideal for web development and design.
Find accurate Hex color codes for your digital projects.
Easily convert between RGB and HSL values for precise color management.
Use our interactive color picker to select and view your favorite colors.
Discover the latest trending color palettes to inspire your designs. Each palette below is carefully selected to bring out a unique mood and feel, with a mix of primary, accent, and contrasting colors. Perfect for web, graphic design, and branding projects.
Choosing the right color palette is crucial to the success of any visual project. Here, you will find a collection of stunning color combinations that follow the latest design trends. Each palette has its unique characteristics, blending primary tones with contrasting shades and soft accents, ensuring your projects look modern and professional.
Hex: #FF6F61, #FFB88C, #6B5B95, #88B04B, #F7CAC9
RGB: (255, 111, 97), (255, 184, 140), (107, 91, 149), (136, 176, 75), (247, 202, 201)
HSL: (6, 100%, 69%), (24, 100%, 77%), (260, 23%, 47%), (89, 39%, 49%), (351, 70%, 88%)
Hex: #92A8D1, #034F84, #F7CAC9, #F7786B, #C94C4C
RGB: (146, 168, 209), (3, 79, 132), (247, 202, 201), (247, 120, 107), (201, 76, 76)
HSL: (214, 40%, 70%), (205, 95%, 27%), (351, 70%, 88%), (5, 89%, 69%), (0, 49%, 54%)
Hex: #B565A7, #955251, #009B77, #DD4124, #D65076
RGB: (181, 101, 167), (149, 82, 81), (0, 155, 119), (221, 65, 36), (214, 80, 118)
HSL: (309, 39%, 55%), (1, 29%, 45%), (166, 100%, 30%), (9, 72%, 50%), (340, 57%, 58%)
Hex: #FFA07A, #20B2AA, #778899, #8A2BE2, #FF4500
RGB: (255, 160, 122), (32, 178, 170), (119, 136, 153), (138, 43, 226), (255, 69, 0)
HSL: (17, 100%, 74%), (177, 59%, 41%), (210, 14%, 53%), (271, 76%, 53%), (16, 100%, 50%)
Hex: #DEB887, #556B2F, #6B8E23, #FFD700, #8B4513
RGB: (222, 184, 135), (85, 107, 47), (107, 142, 35), (255, 215, 0), (139, 69, 19)
HSL: (34, 57%, 70%), (82, 39%, 30%), (79, 60%, 35%), (51, 100%, 50%), (25, 76%, 31%)
Hex: #AFEEEE, #40E0D0, #008080, #4682B4, #5F9EA0
RGB: (175, 238, 238), (64, 224, 208), (0, 128, 128), (70, 130, 180), (95, 158, 160)
HSL: (180, 65%, 81%), (174, 72%, 56%), (180, 100%, 25%), (207, 44%, 49%), (182, 25%, 50%)
Hex: #DDA0DD, #9370DB, #4B0082, #8A2BE2, #9400D3
RGB: (221, 160, 221), (147, 112, 219), (75, 0, 130), (138, 43, 226), (148, 0, 211)
HSL: (300, 47%, 75%), (259, 59%, 65%), (274, 100%, 25%), (271, 76%, 53%), (282, 100%, 41%)
Hex: #F0E68C, #FFDAB9, #FFE4E1, #FFDEAD, #FAFAD2
RGB: (240, 230, 140), (255, 218, 185), (255, 228, 225), (255, 222, 173), (250, 250, 210)
HSL: (54, 77%, 75%), (28, 100%, 86%), (6, 100%, 94%), (36, 100%, 84%), (60, 80%, 90%)
Hex: #C0C0C0, #808080, #2F4F4F, #696969, #A9A9A9
RGB: (192, 192, 192), (128, 128, 128), (47, 79, 79), (105, 105, 105), (169, 169, 169)
HSL: (0, 0%, 75%), (0, 0%, 50%), (180, 25%, 25%), (0, 0%, 41%), (0, 0%, 66%)
Hex: #7FFFD4, #B0E0E6, #ADD8E6, #87CEEB, #4682B4
RGB: (127, 255, 212), (176, 224, 230), (173, 216, 230), (135, 206, 235), (70, 130, 180)
HSL: (160, 100%, 75%), (187, 52%, 80%), (195, 53%, 79%), (197, 71%, 73%), (207, 44%, 49%)
Hex: #FFD700, #C0C0C0, #CD7F32, #B87333, #DAA520
RGB: (255, 215, 0), (192, 192, 192), (205, 127, 50), (184, 115, 51), (218, 165, 32)
HSL: (51, 100%, 50%), (0, 0%, 75%), (30, 60%, 50%), (29, 57%, 46%), (42, 74%, 49%)
Hex: #FFEBCD, #F5DEB3, #FFF8DC, #FAEBD7, #FFF5EE
RGB: (255, 235, 205), (245, 222, 179), (255, 248, 220), (250, 235, 215), (255, 245, 238)
HSL: (36, 100%, 90%), (39, 77%, 83%), (48, 100%, 93%), (34, 78%, 91%), (25, 100%, 97%)
Colors can significantly influence emotions and behaviors. For instance:
Understanding these associations can enhance your design choices and effectively communicate your message.
Achieving color harmony is crucial in design. Here are some principles:
Experimenting with these combinations can help create visually appealing designs that resonate with your audience.
Ensuring your color choices are accessible is vital for inclusivity. Consider the following:
By prioritizing accessibility, you can ensure that your designs are user-friendly for everyone.
Stay updated with the latest color trends to keep your designs fresh:
Keeping an eye on these trends can help your designs feel fresh and relevant.
Easily find your perfect color with our powerful color picker and uncover beautiful color harmonies, tints, shades, and tones. You can input Hex color codes, RGB, and HSL values to generate ready-to-use HTML, CSS, and SCSS styles for your projects.
Searching for stunning and professionally curated color combinations? Our extensive color chart features the classic web-safe color palette, flat design colors,Google's Material Design scheme, and the classic web-safe color palette, all conveniently labeled with their Hex color codes. These color options are perfect for any creative project, making it easier than ever to find the right hues for your designs.
| IndianRed | #CD5C5C | rgb(205, 92, 92) | |
| LightCoral | #F08080 | rgb(240, 128, 128) | |
| Salmon | #FA8072 | rgb(250, 128, 114) | |
| DarkSalmon | #E9967A | rgb(233, 150, 122) | |
| LightSalmon | #FFA07A | rgb(255, 160, 122) |
Struggling to remember all 140 HTML color names? We've got you covered! Check out our detailed guide for a quick and easy reference of all the HTML color names, thoughtfully grouped by color to help you find what you need in no time.
Looking for colors for your next project or simply exploring for fun? Get inspired with our color library, featuring over 100+ shades—from peach to periwinkle, turquoise to taupe, and everything in between!
Starting your website or looking for a refresher? Our tutorials section offers something for everyone, from beginner HTML and CSS color guides to advanced SCSS techniques, catering to all skill levels!
Our favorite tools and tricks from around the web, including the best color palette generators, free stock photo sites, image search using color, and so much more.
Color codes are ways of representing the colors we see everyday in a format that a computer can interpret and display. Commonly used in websites and other software applications, there are a variety of formats, including Hex color codes, RGB and HSL values, and HTML color names, amongst others.
The most popular are Hex color codes; three byte hexadecimal numbers (meaning they consist of six digits), with each byte, or pair of characters in the Hex code, representing the intensity of red, green and blue in the color respectively.
Hex code byte values range from 00, which is the lowest intensity of a color, to FF which represents the highest intensity. The color white, for example, is made by mixing each of the three primary colors at their full intensity, resulting in the Hex color code of #FFFFFF.
Black, the absence of any color on a screen display, is the complete opposite, with each color displayed at their lowest possible intensity and a Hex color code of #000000.
Understanding the basics of Hex color code notation we can create grayscale colors very easily, since they consist of equal intensities of each color:
The three primary colors, red, green and blue, are made by mixing the highest intensity of the desired color with the lowest intensities of the other two:
With modern browsers supporting the full spectrum of 24-bit color, there are 16,777,216 different color possibilities. Use our color picker to explore all 16.7 million of them, or if that’s too many, check out our color charts for a selection of palettes focused on flat design, Material design and web safe colors.
| Color | Name | Hex Code | RGB Code |
|---|---|---|---|
| White | #FFFFFF | rgb(255, 255, 255) | |
| Silver | #C0C0C0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) | |
| Red | #FF0000 | rgb(255, 0, 0) | |
| Maroon | #800000 | rgb(128, 0, 0) | |
| Yellow | #FFFF00 | rgb(255, 255, 0) | |
| Olive | #808000 | rgb(128, 128, 0) | |
| Lime | #00FF00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Aqua | #00FFFF | rgb(0, 255, 255) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Blue | #0000FF | rgb(0, 0, 255) | |
| Navy | #000080 | rgb(0, 0, 128) | |
| Fuchsia | #FF00FF | rgb(255, 0, 255) | |
| Purple | #800080 | rgb(128, 0, 128) |