Support for perceptual color spaces (React Aria)

Abierto
#10,827 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
25/100
Tipo de issue
Nueva funcionalidad
Claridad
Necesita aclaración
Estado de actividad
Activo
Stack tecnológico
react, typescript
Área
design, frontend

Línea de trabajo

Start by reviewing the React Aria color-related components and the linked color picker references. The issue raises open design questions about gamut limits, preserving chroma or lightness when hue changes, and mapping perceptual color spaces to area pickers; first agree on the API and behavior with the maintainers. Done means a shared design for supporting spaces such as oklab and oklch.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

enhancement

Hey folks, I'm working on a design application and I'm planning on working on UI based on the React Aria color-related components that would add support for color spaces like oklab, oklch.

Image

It's a gnarly problem space, some problems I've been thinking about:

  • Area pickers need to signal out of bounds color selection that your monitor doesn't support.
  • Do you want to maintain chroma or lightness when changing hue? How do you choose which one?
  • How do we map the color space to a rectangle for area picking?
Image

I'm not an expert in the field, but I wanted to signal my intent here in case anyone is working on something similar. Ideally I would love for us to collaborate and come up with a great API we can all use for our color pickers.

Some references I'm reading to brush up:

Lenguaje dominante
TypeScript
Estrellas
16k
Forks
1.6k
Merge medio
2 d 17 h
PR fusionados (30 d)
41

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de adobe/react-spectrum

Todos los issues de adobe/react-spectrum

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.