본문 바로가기

CSS 색3

CSS HSL 색상 HSL은 색상, 채도 및 밝기를 나타낸다. HSL 값 CSS에서 색상은 색상, 채도 및 밝기(HSL)를 사용하여 다음과 같은 형태로 지정할 수 있다: hsl(hue, saturation, lightness) 색상은 0에서 360까지의 색상 휠의 도입니다. 0은 빨간색, 120은 녹색, 240은 파란색이다. 포화도는 백분율 값입니다. 0%는 회색의 색조를 의미하며, 100%는 전체 색상이다. 가벼움도 백분율이다. 0%는 검은색, 50%는 밝지도 어둡지도 않고, 100%는 흰색이다 HSL 값을 사용하여 색상 지정 hsl(0, 100%, 50%) hsl(240, 100%, 50%) hsl(147, 50%, 47%) hsl(300, 76%, 72%) hsl(39, 100%, 50%) hsl(248, 53%, 5.. 2023. 7. 5.
CSS HEX Colors 16진수 색상은 #RRGGBB로 지정된다. 여기서 RR(빨간색), GG(녹색) 및 BB(파란색) 16진수 정수는 색상의 성분을 지정한다. 16진수 색상값 CSS에서 색은 16진수 값을 사용하여 다음과 같은 형식으로 지정할 수 있다: #tgbb 여기서 rr(빨간색), gg(녹색) 및 bb(파란색)는 00과 ff 사이의 16진수 값이다(10진수 0-255와 동일). 예를 들어, #ff0000은 빨간색으로 표시된다. 빨간색은 가장 높은 값(ff)으로 설정되고 다른 값은 가장 낮은 값(00)으로 설정되기 때문이다. 검은색으로 표시하려면 모든 값을 00으로 설정합니다. #000000과 같이 설정한다. 흰색을 표시하려면 #fffffff와 같이 모든 값을 off로 설정한다. HEX 값을 사용하여 색상 지정 #ff00.. 2023. 7. 4.
CSS 색상(CSS Colors) 색상은 미리 정의된 색상 이름 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하여 지정할 수 있다. CSS 색상이름 CSS에서 색상은 미리 정의된 색상 이름을 사용하여 지정할 수 있다: 아래 코드는 색상이름을 활용한 예제이다. 이름을 익힐겸 실습하기를 추천합니다. Tomato Orange DodgerBlue MediumSeaGreen Gray SlateBlue Violet LightGray 실행 결과는 아래 그림과 같다. CSS 배경색상(CSS Background Colors) HTML 요소의 배경색을 설정할 수 있다: 애국가 동해 물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 위의 코드 실행 결과가 아래 그림이다... 2023. 7. 2.