secondary: '#yourhex",third: colors.violet["500"] } }, } Run Code Online (Sandbox Code Playgroud) 您不能像在基础示例中那样使用 bg-red-500 。如果您想要为顺风颜色别名,您可以使用十六进制或使用顺风颜色,const colors = require("tailwindcss/colors")然后您可以执行colors.red[500]或任何您想要的颜色。
Copy any Tailwind color with our beautiful Tailwind 4 color palette. Click to copy any HEX, OKLCH, or Tailwind 4 color class.
Tailwind Colorize ships with a Tailwind CSS plugin to make all the default colors available in intervals of 10 instead of just 100. This plugin is optional, but it super useful and the colors will automatically render in VSCode intellesense. // tailwind.config.jsconstcolors=require('tailwind-c...
colorParams: An array of color params or a single color params including a color (hex) and a name. options (optional): An object of options that allows you to customize the generated colors. The available options are suffixMultiplier (default: 100), which determines the suffix used to gener...
Tailwind CSS Colors v4 now uses OKLCH for a more vivid, modern color palette. Upgraded from RGB, it uses the wider P3 gamut for richer hues and better contrast. Elevate your designs with enhanced accessibility and future-proof colors.
Now, instead of using Styles, colors should be set up as Variables. With 22 Tailwind colors - 10 shades each - 220 variables, the kit is all set for Design Systems & documentation, complete with the block component that shows HEX codes, color names, and how they're used. ...
Generate a full Tailwind CSS color scale based on a hexcode, HSL color or a random color. Create color variables, styles and a color guide based on the generated color scale. Based on uicolors.app, a web app to generate, edit, share and save Tailwind CSS color scales. More like this...
Tailwind CSS colors with hex, rgb, hsl, and oklch values. Gradients Cool background gradients for Tailwind CSS. Sign inGet access ComponentsPricing ColorsGradients Get access Existing customer?Sign in Tailwind CSS components Ship websites fast, with Tailwind UI components ...
Export your custom color palette in various formats such as HSV, HSL, RGB, and HEX, providing flexibility for all your design and development needs. Integrate your custom color palette with Shadcn UI components effortlessly, ensuring a consistent and professional look across your entire site. ...
UI Colors is a Tailwind CSS Color Generator that automatically generates a color palette based on any custom color Some of the features of UI Colors include: Generate With Ease: Simply input a hexcode or HSL color, and watch as UI Colors instantly churns out a range of shades for you, ...