벨로그에서 글씨 색깔 바꾸기 (HTML 색상 이름 & 코드)

연두·2021년 2월 16일
50
post-thumbnail

나는 HTML이 뭔지도 잘 모른다! 검색해서 알아낸 방법이다. 📌링크에 웬만한 색이 다 있는데, 예시에는 내가 좋아하는 색들 (자주 쓸 것 같은 색들)로 모아보았다. 처음에 봤을땐 헉 이게모야 했지만 몇번 쓰다보면 외워진다. 역시 인생은 실전인가? 🙄


🎨 글씨 색깔 바꾸기


아래처럼 코드를 입력하면 된다. 색상 이름은, red, green, blue, gray, skyblue 등등 우리가 흔히 아는 색 영어로 입력하면 웬만한건 다 된다. 그리고 생전 처음들어보는 색깔 이름도 링크에 보면 다 나와있다. 마음에 드는 색깔 이름을 입력하면 된다. <>와 <> 사이에 색을 바꿀 텍스트 내용을 입력하면 그부분만 색이 바뀌게 된다.
<span style="color:원하는색상이름">색을 바꿀 텍스트 블라블라</span>

내 취향

  1. IndianRed
    <span style="color:indianred">송마루</span>
    송마루

  2. SlateBlue
    <span style="color:slateblue">송마루</span>
    송마루

  3. OliveDrab
    <span style="color:olivedrab">송마루</span>
    송마루

  4. Gray
    <span style="color:gray">송마루</span>
    송마루


🥱 참고

이 방법 말고도 RGB값, 색상코드 등을 사용해서도 바꿀 수 있다. 그렇게 하면 완전히 본인이 원하는 색으로 디테일하게 할 수 있지만.. 난 전문가가 아니라서 이렇게 색상 이름을 사용하는게 더 간단하고 쉽게 느껴진다. 이정도로도 예쁜 색들을 충분히 뽑을 수 있다!
https://www.w3schools.com/tags/ref_colornames.asp
위 링크를 타고 들어가보면 색 이름들을 나열한 페이지가 나온다. 이 외에도 왼쪽 메뉴들을 클릭해보면 html color 관련 많은 자료들이 있으니 참고하시길!

7개의 댓글

comment-user-thumbnail
2021년 6월 13일

좋은 정보 감사합니다! 덕분에 벨로그를 글을 더욱 이쁘게 작성할 수 있을 것 같아요! ☺️

1개의 답글
comment-user-thumbnail
2022년 7월 26일

정보 감사합니다. 덕분에 적용 잘할 수 있었어요 😁

답글 달기
comment-user-thumbnail
2022년 9월 30일

감사합니다!! 코드 참고해서 사용할게요 ^^

답글 달기
comment-user-thumbnail
2023년 2월 14일

감사합니다! 덕분에 글자 색상 변경할 수 있게 되었어요 :)

답글 달기
comment-user-thumbnail
2023년 8월 28일

벨로그를 처음쓰는데 어려웠는데 좋은 정보라 댓글작성하고갑니다 ~

답글 달기
comment-user-thumbnail
2023년 11월 21일

감사합니다 좋은정보, 벨로그에서 포스팅 할때 강조를 잘 남길수 있을 꺼같아요 !

답글 달기