https://frontendmasters.com/blog/a-color-input-that-also-shows-the-value/ Helping Your Journey to Senior Developer Thu, 20 Mar 2025 23:16:18 +0000 hourly 1 https://wordpress.org/?v=6.8.3 https://frontendmasters.com/blog/a-color-input-that-also-shows-the-value/#comment-24040 Thu, 20 Mar 2025 23:16:18 +0000 https://frontendmasters.com/blog/?p=5212#comment-24040 Erick Merchant’s post:
https://erickmerchant.com/posts/converting-between-color-spaces/

]]> https://frontendmasters.com/blog/a-color-input-that-also-shows-the-value/#comment-23500 Wed, 12 Mar 2025 14:10:38 +0000 https://frontendmasters.com/blog/?p=5212#comment-23500 Nice component! Working in the React space, I rarely see html components so it’s nice to see an example.
I use color pickers often and always look for one that can actually give me a hex value but have never thought of inputting a color value into the input to see the color so that’s neat, especially seeing it work from oklch input! I can see it being useful when learning how each parameter of oklch/rgb/hsl/etc affects the color.

]]> https://frontendmasters.com/blog/a-color-input-that-also-shows-the-value/#comment-21882 Thu, 20 Feb 2025 02:53:50 +0000 https://frontendmasters.com/blog/?p=5212#comment-21882 Although it falls back gracefully to the default colour picker, FWIW, this does nothing but that on Windows in Firefox ESR.

]]>