Copy a value. Get every format.
Copy a value. Get every format.
Copy a value. Get every format.
Clipshift is a free menu bar app for Mac. Copy a color, a size or a Tailwind class in Figma, your browser or your code, and it shows the hex, RGB, OKLCH, rem, SwiftUI and Tailwind versions. Click any one to copy it.
Free. macOS 14 or later. Apple silicon and Intel.
One copy. Everything you would have looked up.
One copy. Everything you would have looked up.
Clipshift recognises what you copied and does the conversions for design and code at once. These are real results from the app.
Colors
#6750A4
rgb(103, 80, 164)
Color(red: 0.404, green: 0.314, blue: 0.643)
oklch(49.6% 0.13 293.7)
Color(0xFF6750A4)
bg-[#6750A4]
Contrast checks
#111827 on #FFFFFF
17.74:1
Normal text AAA pass
Large text AAA pass
UI components pass
Sizes
24px
1.5rem
24pt iOS
24dp Android
48px @2x · 72px @3x
p-6
text-2xl
CSS from Figma
padding: 16px 24px;
padding: 1rem 1.5rem;
py-4 px-6
Tailwind classes
p-4 bg-sky-500 rounded-lg
padding: 1rem; /* 16px /
background-color: oklch(68.5% 0.169 237.323);
border-radius: 0.5rem; / 8px */
Also reads hsl(), 0xFF… and SwiftUI colors, rem, pt and dp. Works with Tailwind v4 and v3, and any root font size.
Glance up, like checking the time.
Glance up, like checking the time.
Glance up, like checking the time.
The last color you copied sits in your menu bar as a swatch. A size shows its rem value. Open the full list with a click, or press Control Option C from any app.
No window to manage, no Dock icon, nothing to switch to.
The last color you copied sits in your menu bar as a swatch. A size shows its rem value. Open the full list with a click, or press Control Option C from any app.
No window to manage, no Dock icon, nothing to switch to.
Copy a value. Get every format.
Copy a value. Get every format.
Copy a value. Get every format.
Clipshift is a free menu bar app for Mac. Copy a color, a size or a Tailwind class in Figma, your browser or your code, and it shows the hex, RGB, OKLCH, rem, SwiftUI and Tailwind versions. Click any one to copy it.
Free. macOS 14 or later. Apple silicon and Intel.
One copy. Everything you would have looked up.
One copy. Everything you would have looked up.
Clipshift recognises what you copied and does the conversions for design and code at once. These are real results from the app.
Colors
#6750A4
rgb(103, 80, 164)
Color(red: 0.404, green: 0.314, blue: 0.643)
oklch(49.6% 0.13 293.7)
Color(0xFF6750A4)
bg-[#6750A4]
Contrast checks
#111827 on #FFFFFF
17.74:1
Normal text AAA pass
Large text AAA pass
UI components pass
Sizes
24px
1.5rem
24pt iOS
24dp Android
48px @2x · 72px @3x
p-6
text-2xl
CSS from Figma
padding: 16px 24px;
padding: 1rem 1.5rem;
py-4 px-6
Tailwind classes
p-4 bg-sky-500 rounded-lg
padding: 1rem; /* 16px /
background-color: oklch(68.5% 0.169 237.323);
border-radius: 0.5rem; / 8px */
Also reads hsl(), 0xFF… and SwiftUI colors, rem, pt and dp. Works with Tailwind v4 and v3, and any root font size.
Glance up, like checking the time.
Glance up, like checking the time.
Glance up, like checking the time.
The last color you copied sits in your menu bar as a swatch. A size shows its rem value. Open the full list with a click, or press Control Option C from any app.
No window to manage, no Dock icon, nothing to switch to.
The last color you copied sits in your menu bar as a swatch. A size shows its rem value. Open the full list with a click, or press Control Option C from any app.
No window to manage, no Dock icon, nothing to switch to.
Copy a value. Get every format.
Copy a value. Get every format.
Copy a value. Get every format.
Clipshift is a free menu bar app for Mac. Copy a color, a size or a Tailwind class in Figma, your browser or your code, and it shows the hex, RGB, OKLCH, rem, SwiftUI and Tailwind versions. Click any one to copy it.
Free. macOS 14 or later. Apple silicon and Intel.
One copy. Everything you would have looked up.
One copy. Everything you would have looked up.
Clipshift recognises what you copied and does the conversions for design and code at once. These are real results from the app.
Colors
#6750A4
rgb(103, 80, 164)
Color(red: 0.404, green: 0.314, blue: 0.643)
oklch(49.6% 0.13 293.7)
Color(0xFF6750A4)
bg-[#6750A4]
Contrast checks
#111827 on #FFFFFF
17.74:1
Normal text AAA pass
Large text AAA pass
UI components pass
Sizes
24px
1.5rem
24pt iOS
24dp Android
48px @2x · 72px @3x
p-6
text-2xl
CSS from Figma
padding: 16px 24px;
padding: 1rem 1.5rem;
py-4 px-6
Tailwind classes
p-4 bg-sky-500 rounded-lg
padding: 1rem; /* 16px /
background-color: oklch(68.5% 0.169 237.323);
border-radius: 0.5rem; / 8px */
Also reads hsl(), 0xFF… and SwiftUI colors, rem, pt and dp. Works with Tailwind v4 and v3, and any root font size.
Glance up, like checking the time.
Glance up, like checking the time.
Glance up, like checking the time.
The last color you copied sits in your menu bar as a swatch. A size shows its rem value. Open the full list with a click, or press Control Option C from any app.
No window to manage, no Dock icon, nothing to switch to.
The last color you copied sits in your menu bar as a swatch. A size shows its rem value. Open the full list with a click, or press Control Option C from any app.
No window to manage, no Dock icon, nothing to switch to.