개발자 유틸리티 도구 모음: 해시·컬러피커·화면비율·이모지
O
OIYO 편집부기여자
개발자 유틸리티 도구 모음
프론트엔드 개발과 디자인 작업에서 반복적으로 필요한 유틸리티 네 가지를 한 페이지에 모았습니다. 북마크해 두면 개발·디자인 작업 중 브라우저 탭을 여러 개 열지 않아도 됩니다. 모든 처리는 브라우저 내에서 완전히 이루어지며, 어떤 데이터도 서버로 전송되지 않습니다.
해시 생성기
텍스트를 MD5, SHA-1, SHA-256, SHA-512 해시로 변환합니다. 파일 무결성 검증, 비밀번호 처리 방식 이해, API 서명 구현 시 활용합니다.
해시 생성기
텍스트를 입력하고 해시 생성 버튼을 누르세요.
컬러 피커
색상을 선택하고 HEX·RGB·HSL 코드를 복사합니다.
색상 선택기
HEX·RGB·HSL 색상 코드 변환기
#3B82F6
HEX 코드
#3B82F6
RGB 값
rgb(59, 130, 246)
r
g
b
HSL 값
hsl(217, 91%, 60%)
H
S
L
보색
유사색
화면 비율(Aspect Ratio) 계산기
화면 비율 계산기
종횡비 계산 및 화면 크기 변환
계산 모드
일반 비율
비율 구하기
px
px
이모지 선택기
이모지 픽커
Emoji Picker
해시 알고리즘 비교
| 알고리즘 | 출력 길이 | 보안 | 용도 |
|---|---|---|---|
| MD5 | 128bit (32자) | ❌ 취약 | 파일 무결성 확인 (비보안용) |
| SHA-1 | 160bit (40자) | ⚠️ 권장 안 함 | 레거시 시스템 |
| SHA-256 | 256bit (64자) | ✅ 안전 | 비밀번호, 디지털 서명 |
| SHA-512 | 512bit (128자) | ✅ 매우 안전 | 고보안 요구 시스템 |
비밀번호 저장에 MD5 사용 금지: MD5는 레인보우 테이블 공격에 취약합니다. 비밀번호는 반드시 bcrypt·Argon2·PBKDF2 같은 패스워드 해싱 함수를 사용하세요.
주요 화면 비율
| 비율 | 용도 |
|---|---|
| 16:9 | 모니터, TV, YouTube |
| 4:3 | 구형 TV, 발표 슬라이드 |
| 1:1 | 인스타그램 정방형 |
| 9:16 | 스마트폰 세로, 릴스·쇼츠 |
| 21:9 | 울트라와이드 모니터 |
O
OIYO 편집부
편집부OIYO 편집부는 경제·법률·생활·자기이해 주제를 1차 자료와 공개 통계로 검증해 정리합니다. 모든 글은 출처 표기와 정기 점검을 거쳐 실용성과 정확성을 함께 유지합니다.