본문 바로가기

TECH NOTES

기술노트

현장에서 검증된 개발 지식을 기록합니다.

전체 1건
1
Frontend5분 읽기
oklch() — 예측 가능한 밝기로 디자인 토큰 팔레트 만들기
oklch()로 밝기가 일관된 디자인 토큰 팔레트를 만드는 법. HSL이 색상마다 밝기가 달라 배신하는 이유, 상대 색상(from) 문법, P3 넓은 색역과 sRGB 클리핑 주의점까지 예제 코드와 함께 정리했다.
#oklch#CSS#색상
2026.08.05