색상 팔레트 문제를 해결하는 방법 생각하기

오늘의 GUI 챌린지에서 @AdamArgyleInk는 okLCH로 넓은 색 영역 팔레트를 구축하고, 그 과정에서 접근성이 좋은 색상 쌍을 확인하고, devtools로 색상을 검사하고, 새로운 웹 색상 공간의 기능을 활용하기 위한 다른 멋진 트릭을 보여줍니다.

챕터:

  • 0:00 - 소개
  • 0:24 - HSL 및 LCH
  • 2:09 - Caniuse
  • 2:50 - 데모 개요
  • 3:51 - 첫 번째 okLCH 색상
  • 5:14 - 넓어진 영역 DevTool 색상 선택 도구
  • 6:53 - okLCH 색상 추가
  • 9:40 - oklch.com 개요
  • 11:05 - 더 많은 okLCH 색상
  • 14:08 - okLCH 및 접근성 대비
  • 16:08 - 팔레트 사용
  • 19:12 - 색조 조정
  • 20:28 - 대비 제어를 위한 매핑 조정
  • 22:05 - 요약
  • 22:53 - 디버깅 코너
  • 23:22 - 아우트로

리소스:

더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges

Chrome 개발자 구독하기 → https://goo.gle/ChromeDevs

모든 에피소드로 돌아가기