본문 바로가기

분류 전체보기589

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 RGB색상(CSS RGB Colors) RGB 색상 값은 빨간색, 녹색 및 파란색 광원을 나타낸다. CSS RGB 값 CSS에서 색상은 다음 공식을 사용하여 RGB 값으로 지정할 수 있다: rgb(빨강, 초록, 파랑) 각 파라미터(빨간색, 녹색 및 파란색)는 0과 255 사이의 색상 강도를 정의한다. 예를 들어, 빨간색은 가장 높은 값(255)으로 설정되고 다른 값은 0으로 설정되므로 RGB(255, 0, 0)는 빨간색으로 표시됩니다. 검은색을 표시하려면 모든 색상 파라미터를 0으로 설정합니다. rgb(0, 0, 0)와 같이 설정합니다. 흰색을 표시하려면 모든 색상 매개 변수를 255로 설정합니다(예: rgb(255, 255, 255). RGB 값을 사용하여 색상 지정 rgb(255, 0, 0) rgb(0, 0, 255) rgb(60, 179.. 2023. 7. 3.
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.