Color Picker
Get a color code from a color palette or color space
Features
Supports 6 color codes
Mutually converts HEX, RGB, HSV, HSL, Lab, and CMYK
Intuitive selection with a color map
Specify colors visually with a saturation/brightness map and a hue bar
Operations reflect instantly across all formats
No matter which format you adjust, the values of the other formats update in sync
Copy conversion results from a list
Check the values of all formats at once in a table and grab them with one click
How to Use
Select a color on the color map
Drag the color map (saturation/brightness) and adjust the tone with the hue bar to specify the base color
Switch input format with tabs
Choose the HEX, RGB, HSV, HSL, Lab, or CMYK tab, and fine-tune with numeric input or sliders
Check the color in the preview
The chosen color is shown large in the preview area, and you can also check the HEX code
Grab values with the copy button
Press the copy button for the format you need in the list to grab the value to the clipboard
Use Cases
Deciding the color scheme for web design
Visually pick the colors of a site or banner and grab the HEX and RGB values to use in CSS
Specifying CMYK colors for print
Convert on-screen RGB values to CMYK values to prepare for submitting flyers and business cards
Managing corporate colors
Based on the brand color's HEX value, unify the RGB and CMYK notation per medium
Exploring color scheme variations
Change only the saturation or brightness of the base color to quickly create similar colors with different shades
Basic Knowledge
What is Color Code (HEX)?
A color code is a way to represent colors as 6-digit hexadecimal numbers like "#FF0000", where each 2-digit pair corresponds to the intensity (00–FF) of red, green, and blue respectively.
Differences in Color Representation Methods
- RGB：RGB is a color method that mixes red, green, and blue light to create colors. It is used for color specification on screens such as computers and smartphones.
- CMYK：CMYK is a color method that creates colors by combining cyan, magenta, yellow, and black inks. It is used for color specification in printed materials.
- HSL and HSV：HSL and HSV are color representation methods that use three elements—hue, saturation, and brightness—to describe colors. They are well-suited for intuitive adjustments such as "slightly darker with the same hue."
Safety and Privacy
Runs entirely in your browser
Your input data is processed only within your browser and is never sent externally.
Processing only in your browser
color code conversion is processed entirely within your browser, and input data is not sent to any server.
Communications encrypted with HTTPS
Page loading is also encrypted by TLS, and content cannot be read by third parties.
No transmission to third parties
Input content is not sent to external services such as ad networks or trackers.
No automatic saving of results
the selected color and input suggestions are not stored on the server.
Follow RAKKOTOOLS on Google Search
211 useful tools become easier to find from Google Search and AI Search!
- Found in search
- Also shown in AI Search
- Discover new tools
Updates
- update #34
Fix bug where other values change in the Lab tab of the color picker
Featured Tools
RAKKOTOOLS is free to use!
Available free of charge for individuals and corporations, commercial and non-commercial use alike.No prior permission or usage application is required. Feel free to use it in various situations.
Use in streaming and videos
Use various tools such as lottery draws and raffles in live streams and videos.
Use in schools, work, and events
Can be used in various situations such as classes, team division, internal work, and events.
Introduction on Web, books, and SNS
Feel free to introduce it as a useful tool on web media, books, SNS, and other platforms.
Commercial use
Can be used for commercial purposes such as research, calculation, processing, and conversion in business and production.
If you mention it, I get motivated to create more tools!
If using in streaming and videos
Link to RAKKOTOOLS in the description, or Mention or display that you are using RAKKOTOOLS in the stream or video.
Credit example for the description
Usage guidelinesYou are free to use it for normal purposes. However, use for purposes that violate laws, infringe on third-party rights, impose significant load on the service, or otherwise interfere with service operation is prohibited.
We do not guarantee the accuracy or completeness of information and calculation results obtained from each tool.
This notice is a translation of the original Japanese text. If there is any discrepancy between the translation and the original, the Japanese original takes precedence.