MoaKit
Todas las herramientas

Selector de color OKLCH

Elige colores en OKLCH, comprueba la gama sRGB y P3, y crea una paleta 50–950, @theme de Tailwind y armonías de color.

화면 스포이트는 Chrome/Edge에서만 지원돼요 (Safari/Firefox 미지원)
oklch(68% 0.16 255)
색역sRGBDisplay P3

채도 막대의 세로선이 지금 밝기·색조에서 sRGB로 낼 수 있는 최대 채도예요.

팔레트 50~950

단계마다 sRGB 최대 채도 대비 비율을 맞춰 밝은 쪽·어두운 쪽도 탁해지지 않게 했어요. 눌러서 그 색으로 바꿔요.

색 조화

보색
유사색
삼각 배색
분할 보색

OKLCH는 밝기를 그대로 두고 색조만 돌려서, 조화색끼리 눈에 보이는 밝기가 같아요.

¿Qué es Selector de color OKLCH?

Un selector de color OKLCH que elige colores por luminosidad, croma y matiz. Es bueno para crear combinaciones de colores con luminosidad constante.

Cómo se usa

  1. Ajusta la luminosidad, el croma y el matiz.
  2. Revisa la vista previa.
  3. Copia el valor CSS.

Consejos

  • Si cambias solo el matiz manteniendo la misma luminosidad, obtienes una paleta equilibrada.