goodthings4me.tistory.com
html 코딩 시 color의 색상 코드를 입력할 때 참고할 수 있는 rgb 색상표를 Matplotlib 라이브러리 파이썬 코드로 쉽게 만들 수 있어서 올려봅니다.
rgb 색상표 만드는 파이썬 코드
색상표 영문 이름, HEX 코드, 그리고 색상을 테이블로 표시되는 html 코드를 생성합니다.
from matplotlib import colors as mcolors
# 시작 테이블 태그
colors_html = '''
<table style="margin: 0 auto; border-collapse: collapse; width: 80%;">
<tr style="border: 1px solid #ddd;">
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;">Color Name</th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;">HEX</th>
<th style="border: 1px solid #ddd; padding: 8px; text-align: center;">Display</th>
</tr>
'''
for key, hex_value in mcolors.CSS4_COLORS.items():
print(f"{key:20} : {hex_value}")
# RGB 값을 얻고 보색 계산
rgb = mcolors.to_rgb(hex_value) # hex 값을 RGB로 변환
comp_rgb = [(1 - c) for c in rgb] # RGB 보색 계산 (1에서 각 값을 뺌)
comp_hex = mcolors.to_hex(comp_rgb) # 다시 HEX 값으로 변환
# 행마다 배경색 설정 (짝수 행만 색 다르게)
row_background = "#f2f2f2" if list(mcolors.CSS4_COLORS.keys()).index(key) % 2 == 0 else "white"
# 보색을 글자색으로, 원래 색을 배경색으로 설정
colors_html += f'''
<tr style="background-color:{row_background}; border: 1px solid #ddd;" onmouseover="this.style.backgroundColor='#ddd';" onmouseout="this.style.backgroundColor='{row_background}';">
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">{key}</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center;">{hex_value}</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: center; background-color:{hex_value};">
<span style="color:{comp_hex}; font-size: 20px; font-weight: bold;">{key}</span>
</td>
</tr>
'''
colors_html += '</table>'
위 코드 실행 결과, html 코드는 아래 파일을 참고하고,
html을 실행했을 때 다음과 같이 됩니다.

블로그 인기글
Windows 10 탐색기 느려지는 증상과 해결하는 방법
잘 작동하던 Windows 10 탐색기가 갑자기 느려지는 증상이 발생했을 때 어떻게 조치를 하는지 구글에서 찾아보니 많은 해결책들이 있었으나 어떤 것이 정확한 해결책인지는 알 수가 없었다. 그래서 해결방법이라고 제시한 것들을 정리해 보았다. 윈도우 탐색기가 느려지는 증상 해결 방법 어느 순간부터 응용프로그램(VS Code 등)에서 폴더 열기나 파일 불러오기를 했을 때 검색 팝업창이 안 뜨거나 열리는 시간이 엄청 느려지는 증상과, 더불어서 탐색기도 실행이 많이 느려지는 증상이 있었다. 기존에 사용하던 VS Code에 openpyxl 설치 후 실행이 느려지는 증상이 발생하더니 윈도우10 탐색기도 느려져서 사용할 수가 없었다. 노트북에 OS(Windows10)를 설치한지 1년이 다 되어가긴 했지만, 1개월 전..
goodthings4me.tistory.com
폐업 신고 절차와 부가가치세 신고하는 방법
폐업 신고 시 세무서 안 가고 온라인으로 신고하는 방법인 '국세청 홈택스를 이용하여 폐업 신고하는 절차와 폐업 후 해야 하는 부가가치세 신고, 인건비 저리, 종합소득세 신고 등에 대해 포스팅합니다. 폐업 신고 시 홈택스 이용하는 방법과 부가가치세 등 신고 절차 여러가지 사유로 폐업을 해야 할 때, 예전에는 세무서를 방문해야 했지만 국세청 홈택스가 생긴 이후에는 사업자 등록이나 폐업 등을 인터넷으로 할 수가 있게 되었습니다. 특히, 코로나 시국인 요즘은 더더욱 온라인 신청 업무가 더 활성화되었죠. 폐업을 한다는 것 자체가 우울한 일인데, 발품을 파는 것보다는 커피 한잔 하면서 인터넷으로 간단하게 처리하는 게 좋을 듯하여 그 절차를 올려봅니다. 폐업은 폐업 신고와 함께 폐업 후 절차까지 모두 마쳐야 불이익이..
goodthings4me.tistory.com
유튜브 영상 등의 URL 주소를 QR코드로 만들기
네이버 QR코드, makeQR, MUST QRcode, 무료 온라인 QRCode 생성기 등의 웹사이트에서 유튜브 영상 등의 URL을 입력하여 QR코드를 만들 수 있다. QR코드를 생성할 수 있는 사이트와 프로그램 URL 주소를 붙여넣기 한 후 "QR 코드 생성" 버튼을 클릭하면 큐알코드가 이미지로 생성되고, 다운로드도 할 수 있는 사이트 https://truedoum.com/useful/qrcode/ # 유튜브에서 동영상 URL을 복사하는 방법 유튜브에서 QR코드를 만들 동영상을 검색한다. 해당 동영상을 클릭한다. 동영상 위에서 마우스 우클릭 후 나오는 팝업창에서 “동영상 URL 복사”를 클릭하거나 영상 하단의 “공유”를 클릭하여 나온 창에서 URL를 복사한다. 아래의 웹사이트 중 하나를 선택한 후 복사..
goodthings4me.tistory.com
'코딩 연습 > 코딩배우기' 카테고리의 다른 글
블로그 글 복사 - 네이버 블로그 텍스트 추출 (0) | 2024.11.24 |
---|---|
티스토리 글쓰기 - 파이썬 selenium 자동 등록 코드 (0) | 2024.11.21 |
블로그스팟 포스팅 URL 글 목록 전체 가져오기 (0) | 2024.08.25 |
파이썬 워드클라우드 설치, konlpy Okt() 사용 (0) | 2024.02.14 |
파이썬 도서관리 프로그램 (0) | 2024.01.03 |
댓글