[Html] 컬러감이 좋은 그라데이션① hex-color 모음

안녕하세요. 키미추입니다.

HTML에서 배경색,글자색상 등 그러데이션 속성과 유용한 hex-color를 알려드리려고 합니다. 

 

 

1.그라데이션 적용 방법과 간단 설명

background 에서 속성을 linear-gradient로 해준다.

그리고 괄호 안의 (그라데이션의 방향, 색상1 폭, 색상2 폭)은 값 변경 사용할 수 있다. 

html에 적용할때는 <style="이 부분">에 아래서 맘에드는 색상 코드를 넣어주면 된다.

 

👇👇자세한 코드 삽입 방법은 아래 글에 첨부했습니다.👇👇

[Html] 제목을 강조하는 꾸미기 방법 & 예제

 

 

2.hex-color(블루,핑크,그레이)

background: linear-gradient(to right, #A0B8C5 146px, #EEF2F3 546px);

 

 

background: linear-gradient(to right, #dae2f8, #d6a4a4);

 

 

background: linear-gradient(to right, #24c6dc, #514a9d);

 

 

background: linear-gradient(to right, #2bc0e4, #eaecc6);

 

 

background: linear-gradient(to right, #dd5e89, #f7bb97);

 

 

background: linear-gradient(to right, #e55d87, #5fc3e4);

 

 

background: linear-gradient(to right, #757f9a, #d7dde8);

 

 

background: linear-gradient(to right, #3d7eaa, #ffe47a);

 

 

background: linear-gradient(to right, #cc95c0, #dbd4b4, #7aa1d2);

 

 

background: linear-gradient(to right, #085078, #85d8ce);

 

 

background: linear-gradient(to right, #283048, #859398);

---

👇👇배경색 아닌!! 글자에 그라데이션 만드는 방법👇👇

[Css] 글자,텍스트에 그라데이션 만들기 & 예제