프롬프트

색 조합을 보여 주는 앱을 만들어 주세요. HTML 파일 하나로 열리고, 설치나 다른 파일 없이 브라우저에서 바로 돌아가야 합니다. CSS와 자바스크립트도 그 안에 넣어 주세요.

색을 하나 고르면 그와 어울리는 색을 다섯 가지 만들어 나란히 보여 주세요. 발표 자료에 쓸 색이라고 생각하고 골라 주세요.

색마다 아래에 색 코드를 적어 주시고, 색을 누르면 그 코드가 복사되게 해 주세요. 복사됐다는 표시도 잠깐 보여 주세요.

화면 위에는 색을 고르는 칸 하나와 "다른 조합" 버튼 하나면 됩니다. 어울리는 색은 고른 색의 색상·채도·밝기를 옮겨서 계산해 주시고, 어떤 규칙으로 만들었는지 화면 아래에 한 줄로 적어 주세요.

글자는 각 색 위에서 읽혀야 합니다. 색이 밝으면 검은 글씨, 어두우면 흰 글씨로 바꿔 주세요. 이미지 파일이나 외부 주소는 쓰지 마세요.

다 만든 뒤에 아주 밝은 색과 아주 어두운 색을 골라 보는 셈 치고 확인해 주세요. 두 경우 모두 글자가 읽히는지 보고, 안 읽히면 고쳐서 최종본만 주세요.