MoaKit
Todas as ferramentas

Seletor de cor OKLCH

Escolha cores em OKLCH, verifique a gama sRGB e P3, e crie uma paleta 50–950, @theme do Tailwind e harmonias de cor.

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

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

팔레트 50~950

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

색 조화

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

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

O que é Seletor de cor OKLCH?

Um seletor de cores OKLCH que escolhe cores por luminosidade, croma e matiz. Bom para criar combinações de cores com luminosidade constante.

Como usar

  1. Ajuste a luminosidade, o croma e o matiz.
  2. Confira a pré-visualização.
  3. Copie o valor CSS.

Dicas

  • Mudar apenas o matiz mantendo a mesma luminosidade resulta em uma paleta equilibrada.