Skip to content

Show color box even for modern CSS RGB, HSL, OKLCH values #456

@thernstig

Description

@thernstig

Example:

  --color-deep-navy: #0b1f50;
  --color-deep-navy-rgb: 11 31 80;

Shows as:
Image

As using modern, space separate CSS RGB values becomes more and more used due to ability to use transparency with rgb() as e.g. background: rgb(255 255 255 / 80%), it would be nice to be able to define variables as:

  --color-deep-navy-rgb: 11 31 80;
  --color-deep-navy-rgb-80: 11 31 80 / 80%;

etc. to show a color wheel as well. oklch should also be supported as that is most likely the defacto standard going forward.

Other issues around modern CSS coloring:
#413
#314

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions