[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"content-seo:colorCodes":3},{"description":4,"seo":5,"faq":8},"이름 있는 색 52종을 모은 색상코드표예요. 빨강·파랑 같은 기본색부터 크림슨·틸·인디고까지 7개 계열로 나눴고, 그중 50종은 CSS에 이름 그대로 써도 되는 표준 색 이름이에요(앰버·민트는 CSS 키워드가 없는 디자인 관용 이름). 색을 고르면 큰 스와치와 함께 HEX·rgb()·hsl() 값을 CSS 형식 그대로 보여 주고, 카드를 누르면 바로 복사돼요. 아래에는 어둡게 2단계·원색·밝게 2단계로 된 명암 팔레트와 같은 계열의 비슷한 색 4개가 이어져요. 한글 색 이름, 영문 이름, HEX 코드로 검색할 수 있고 회원가입은 필요 없어요.",{"ogTitle":6,"ogDescription":7},"색상코드표 | HEX·RGB·HSL 색상코드 사전 - 기글어스","크림슨·틸·인디고 등 이름 있는 색 52종의 HEX·RGB·HSL 코드와 명암 팔레트. 누르면 복사돼서 CSS나 디자인 툴에 바로 붙여넣을 수 있어요.",[9,12,15],{"question":10,"answer":11},"색상코드표에는 몇 가지 색이 있나요?","이름 있는 색 52종을 빨강, 주황·갈색, 노랑, 초록, 파랑, 보라·분홍, 무채색 7개 계열로 나눠 담았어요. 이 중 50종은 CSS 표준 색 이름이고, 앰버(#FFBF00)와 민트(#3EB489)는 CSS 키워드가 없는 디자인 관용 이름이에요.",{"question":13,"answer":14},"색상코드는 어떤 형식으로 복사되나요?","HEX, RGB, HSL 세 가지를 CSS에 바로 쓰는 형식으로 복사해요. 예를 들어 크림슨은 #DC143C, rgb(220, 20, 60), hsl(348, 83%, 47%)로 복사돼요.",{"question":16,"answer":17},"명암 팔레트는 어떻게 만들어지나요?","원색에 검정을 40%·20% 섞은 2단계, 원색, 흰색을 25%·50% 섞은 2단계까지 모두 5칸이에요. 칸을 누르면 그 색의 HEX가 복사돼요."]