← Back to all tools
Goodfolk Design Utilities
Border Radius Previewer
Preview border radius values on cards and buttons, then copy CSS-ready corner styles.
Use matching corners for clean cards and buttons, or mix values for more playful UI shapes.
Radius preview
Preview card
Rounded UI block
This card uses your current border radius settings.
CSS
border-radius: 16px 16px 16px 16px;
Border radius value
16px 16px 16px 16px
Related tools
HEX Color Converter
Convert HEX colors to RGB and HSL, preview the color, and copy CSS-friendly values.
Color Contrast Checker
Check contrast between text and background colors and see basic WCAG-style pass/fail guidance.
Color Palette Generator
Generate color palettes from a base color, lock favorite colors, and copy HEX values or CSS variables.