랜덤 색상 생성기

랜덤 색상 생성기가 하는 일

생성을 누를 때마다 새 색이 무작위로 정해지고 HEX, RGB, HSL 세 가지 형식의 코드가 나와요. 팔레트 모드는 한 번에 다섯 가지 색을 보여 줘요. 마음에 드는 색은 잠그고 나머지는 세트가 마음에 들 때까지 다시 뽑으세요.

색마다 옆에 대비 확인이 있어요. 웹 접근성 지침(WCAG)이 쓰는 것과 같은 대비율로 그 위에 흰색 글자와 검은색 글자가 얼마나 잘 읽히는지 보여 줘요.

사용 방법

1. 생성을 눌러요. 스페이스바도 돼요. 새 랜덤 색이 나와요.
2. 필요한 값을 복사해요. #3A7BD5 같은 HEX 코드는 대부분의 디자인 도구와 웹 페이지에 맞고, RGB는 빨강, 초록, 파랑의 양을, HSL은 색상, 채도, 명도를 나타내요.
3. 팔레트 모드로 바꿔요. 다섯 가지 색이 나란히 보여요.
4. 남기고 싶은 색을 잠가요. 다시 생성하면 잠그지 않은 색만 바뀌어요.
5. 대비를 확인해요. 각 색에 흰색 글자와 검은색 글자에 대한 대비율이 표시되어 어느 쪽이 더 읽기 쉬운지 한눈에 알 수 있어요.

색상 팔레트 생성기 활용법

디자인 프로젝트

포스터, 발표 자료, 웹사이트, 초대장의 색 조합이 막막한가요? 팔레트를 만들고 느낌이 맞는 색 한두 개를 잠근 뒤 나머지가 어울릴 때까지 계속 뽑아 보세요.

미술과 일러스트 연습

화면에 있는 다섯 가지 색만으로 무언가를 그리거나 칠해 보는 도전을 해 보세요. 무작위 제약은 일부러는 고르지 않을 조합을 섞고, 겹치고, 시도하게 만들어요.

코딩과 테스트

랜덤 HEX 색은 임시 배경, 테스트 데이터, 빠른 테마 실험에 편리해요. 코드를 스타일시트에 바로 복사하세요.

공예와 집 꾸미기

뜨개질, 퀼트, 카드 만들기, 방 페인트칠은 모두 색 고르기에서 시작해요. 팔레트를 출발점으로 삼아 가진 재료에 맞게 조정하세요.

교실의 색 수업

HEX, RGB, HSL이 같은 색을 서로 다르게 표현한다는 것을 보여 주세요. 대비 확인은 어떤 배경에서 글자가 읽기 어려운 이유를 설명하는 간단한 방법이에요.

색을 다루는 팁

• HEX 코드는 두 글자씩 읽어요. #뒤의 여섯 글자는 빨강, 초록, 파랑을 나타내는 세 쌍이고 각각 00(없음)부터 FF(최대)까지예요.
• HSL로 밝고 어두운 버전을 만드세요. 색상은 그대로 두고 명도를 바꾸면 디자인 도구에서 한 색의 밝은 톤과 어두운 톤을 얻을 수 있어요.
• 좋은 대비를 목표로 하세요. WCAG AA는 일반 글자에 4.5:1 이상, 큰 글자에 3:1 이상의 대비율을 요구해요.
• 먼저 잠그고 뽑으세요. 마음에 드는 색이 이미 있다면 잠그고 나머지는 생성기가 제안하게 하세요.
• 화면과 종이는 달라요. 인쇄하면 색이 다르게 보일 수 있으니 큰 인쇄 전에 견본을 시험해 보세요.
• 미술 아이디어도 필요하다면 팔레트를 랜덤 그림 생성기나 그림 소재 목록과 함께 써 보세요.