Capture color inspiration instantly.
Copy production-ready values.
A lightweight, privacy-first color picker for modern design and engineering workflows. Pick, preview, and generate harmonies directly from your Chrome context menu.
No popups. No overlays. Just right-click, pick, and copy.
Loved by modern designers and developers
Try the Interactive Simulator
Sample colors from the sandbox page on the left, or use the color wheel. Watch the high-fidelity Kulay mockup update instantly.
Create pixel-perfect component palettes.
Easily inspect and review layouts with our latest modern developer suite. Use OKLCH color spaces for perceptual consistency.
Fast Compiling
Optimized CSS delivery routes.
Layer Inspector
Inspect deep-nested DOM trees.
Adjust Custom Color
Fine-tune the active color with browser palette
Kulay Colour Picker
Sampled#F0A500
How It Works
No bulky floating widgets or screens to crowd your browser. Kulay works in four simple, clean steps.
Right-Click Anywhere
Find a color on any website. Right-click directly on the element to trigger the context menu.
Sample Webpage Color
Select "Pick Color with Kulay" from the context menu to activate the high-fidelity eyedropper magnifier.
Copy Formats Instantly
Open the extension to copy values in HEX, RGB, HSL, HSLA, or the modern perception-perfect OKLCH.
Explore Harmonies
Generate complementary, analogous, triadic, split-complementary, and monochromatic palettes dynamically.
Built for modern design & development.
No popups, no clunky floating overlays, and no telemetry. Kulay stays completely out of the way, integrated into Chrome's native context menus.
- Grab colors with one clickPick any visible pixel on your web browser instantly.
- Modern OKLCH SupportFirst-class support for perception-matched CSS color standards.
- No Telemetry or Data LogsZero database sync, keeping all your inspiration strictly private.
Tailored For Your Role
Discover why designers and engineers prefer Kulay in their daily toolchains.
Copy native CSS values in seconds
Inspect colors from live interfaces without breaking your flow. Copy the exact format you need for CSS variables, design tokens, component styling, or design QA, including OKLCH for modern CSS grids.
Frequently Asked Questions
Answers to common questions about permissions, formats, and data collection.
Kulay supports HEX, RGB, HSL, HSLA, and OKLCH color values. Values can be copied individually with a single click, or all formats can be copied simultaneously to your clipboard.
Yes! Kulay fully supports OKLCH, a modern perceptual color format supported natively by modern web browsers. It provides highly consistent contrast profiles across lightness, chroma, and hue levels.
No. Kulay runs directly inside Chrome's native right-click context menu. You don't have to keep a floating overlay or sidebar open on your browser, keeping your canvas completely clean.
Zero data is collected. According to the developer disclosures, Kulay operates entirely locally in your browser. There is no telemetry, no tracking, and no external API data sync.
Both! It provides fast copy buttons for front-end developers styling components (with CSS strings), and palette harmonies (Complementary, Triadic, Monochromatic) for designers building brand systems.
Ready to upgrade your color workflow?
Add Kulay Colour Picker to Chrome today and start grabbing colors, copying formats, and generating palettes directly from your context menu.