화면을 꾸미다보면
기본으로 제공하고있는 컬러들이 많습니다.
coral, darkgreen등 많지만 내가 원하는 색상을 정하기 위해서는
디테일한 조정이나 색조합을 먼저 보고싶을때 사용하면 좋은 사이트들입니다.
1. HTML Color Codes
원하는 컬러는 잠금 표시를 해 고정해 두며 다른컬러와의 조합을 해볼 수 있습니다.
2. Adobe Color
https://color.adobe.com/ko/create/color-wheel
가운데 ▲ 표시가 메인컬러로
좌측에 유사, 단색, 삼각형, 보색, 분할 보색 등 모드를 선택할 수 있고
각 컬러마다 디테일하게 조정할 수 있는게 장점입니다.
테마 추출에서는 원하는 사진을 올리면
그 안에서 컬러팔레트를 만들어줍니다.
그리고 컬러 조합자체가 어렵다는 분이라면
탐색, 트렌드 페이지에서 확인 가능합니다!
3. Two Color Combinations
Two Color Combinations는 두 가지 색상의 조합을 보여주는 사이트 입니다.
두 색상을 반전시켜 예시 화면을 보여주고
색상코드는 가운데 복사 버튼을 누르면 됩니다.
원하는 색을 지정할 수는 없지만 메인컬러를 잡거나
색 조합 고민될 때 좋을 것 같습니다.
반응형
'Frontend > HTML & CSS' 카테고리의 다른 글
[HTML] HTML Living Standard란? (0) | 2022.03.29 |
---|---|
[HMTL] emmet이란? (0) | 2022.03.29 |
[CSS] 레이아웃3 :: 여백(content, border, padding, margin) (0) | 2021.12.03 |
[CSS] 레이아웃1 :: display(block | inline | inline-block | none) (0) | 2021.10.28 |
[CSS] 선택자 :: 문자열, 일반·형태 구조, 부정 , 우선순위 (0) | 2021.10.28 |