📝 코드 입력
힌트: blue를 지우고 red를 입력하세요.
Loading...
👀 결과
codeflow.dev/preview
📚오늘의 학습 가이드
💡 CSS Color 속성 이해하기
웹 디자인에서 가장 기초가 되는 color 속성은 텍스트의 색상을 결정하는 중요한 역할을 합니다. 단순히 예쁜 색을 입히는 것을 넘어, 사용자의 시선을 유도하거나 브랜드의 아이덴티티를 표현하는 데 사용됩니다.
1. 색상을 표현하는 3가지 방법
- 키워드(Keyword): red, blue, green 처럼 미리 정의된 영어 이름을 사용합니다. 가장 직관적이지만 표현할 수 있는 색상에 한계가 있습니다.
- HEX 코드: #FF0000 처럼 # 뒤에 6자리 16진수를 사용합니다. 실무에서 가장 많이 사용되는 방식입니다.
- RGB/RGBA: rgb(255, 0, 0) 형태로 빛의 3원색을 조합합니다. 'a'는 투명도를 의미합니다.
📌 팁: 가독성을 위해 배경색과 글자색의 명도 대비(Contrast)를 항상 고려해야 합니다.
💡
왜 배워야 하나요?
단순히 코드를 복사하는 것이 아니라, 원리를 이해해야 나만의 웹사이트를 자유롭게 만들 수 있습니다. 이 내용은 실무에서도 매일 사용하는 핵심 개념입니다.