
색상 위에 커서를 올리면 아래에 Hex 및 10진 색상 코드를 확인할 수 있습니다:
| Hex: # | |||
| 레드: | |||
| 녹색 (Green): | |||
| 블루: |
RGB 색 공간 또는 RGB 색 시스템, 은(는) 다음 색상의 조합으로 모든 색상을 구성합니다: 드, 색 (Green) 그리고 루 색상..
빨강, 초록, 파랑은 각각 8비트를 사용하며 값은 0~255입니다. 따라서 256*256*256=16,777,216가지 색상이 가능합니다.
RGB ≡ 레드, 녹색 (Green), 블루
LED 모니터의 각 픽셀은 빨강, 초록, 파랑 LED(발광 다이오드)의 조합으로 색상을 표시합니다.
빨간 픽셀이 0이면 LED는 꺼져 있고, 255이면 LED는 완전히 켜집니다.
그 사이의 값은 LED가 부분적으로 빛을 내도록 설정합니다.
RGB 코드는 24비트 형식(비트 0..23)을 사용합니다::
| 레드[7:0] | 녹색 (GREEN)[7:0] | 블루[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
기본 색상:
| 색상 | HTML / CSS 이름 | Hex 코드 #RRGGBB |
10진 코드 (R,G,B) |
|---|---|---|---|
| 검정 (Black) | #000000 | (0,0,0) | |
| 흰색 (White) | #FFFFFF | (255,255,255) | |
| 라임 (Lime) | #FF0000 | (255,0,0) | |
| 라임 (Lime) | #00FF00 | (0,255,0) | |
| 블루 | #0000FF | (0,0,255) | |
| 노랑 (Yellow) | #FFFF00 | (255,255,0) | |
| 시안 | #00FFFF | (0,255,255) | |
| 마젠타 / 푸시아 (Magenta / Fuchsia) | #FF00FF | (255,0,255) | |
| 실버 (Silver) | #C0C0C0 | (192,192,192) | |
| 회색 (Gray) | #808080 | (128,128,128) | |
| 마룬 (Maroon) | #800000 | (128,0,0) | |
| 올리브 (Olive) | #808000 | (128,128,0) | |
| 녹색 (Green) | #008000 | (0,128,0) | |
| 보라색 (Purple) | #800080 | (128,0,128) | |
| 청록색 (Teal) | #008080 | (0,128,128) | |
| 네이비 (Navy) | #000080 | (0,0,128) |
| 색상 | 색상 이름 | Hex 코드 | 10진 코드 | |
|---|---|---|---|---|
| 마룬 (Maroon) | #800000 | (128,0,0) | ||
| 다크 레드 | #8B0000 | (139,0,0) | ||
| 브라운 | #A52A2A | (165,42,42) | ||
| 파이어브릭 | #B22222 | (178,34,34) | ||
| 크림슨 | #DC143C | (220,20,60) | ||
| 토마토 | #FF0000 | (255,0,0) | ||
| 토마토 | #FF6347 | (255,99,71) | ||
| 코랄 | #FF7F50 | (255,127,80) | ||
| 인디언 레드 | #CD5C5C | (205,92,92) | ||
| 라이트 코랄 | #F08080 | (240,128,128) | ||
| 다크 새먼 | #E9967A | (233,150,122) | ||
| 새먼 | #FA8072 | (250,128,114) | ||
| 라이트 새먼 | #FFA07A | (255,160,122) | ||
| 오렌지 레드 | #FF4500 | (255,69,0) | ||
| 다크 오렌지 | #FF8C00 | (255,140,0) | ||
| 오렌지 | #FFA500 | (255,165,0) | ||
| 골드 | #FFD700 | (255,215,0) | ||
| 다크 골든로드 | #B8860B | (184,134,11) | ||
| 골든로드 | #DAA520 | (218,165,32) | ||
| 페일 골든로드 | #EEE8AA | (238,232,170) | ||
| 다크 카키 | #BDB76B | (189,183,107) | ||
| 카키 | #F0E68C | (240,230,140) | ||
| 올리브 (Olive) | #808000 | (128,128,0) | ||
| 노랑 (Yellow) | #FFFF00 | (255,255,0) | ||
| 옐로우 그린 | #9ACD32 | (154,205,50) | ||
| 다크 올리브 그린 | #556B2F | (85,107,47) | ||
| 올리브 드랩 | #6B8E23 | (107,142,35) | ||
| 라운 그린 | #7CFC00 | (124,252,0) | ||
| 샤트루즈 | #7FFF00 | (127,255,0) | ||
| 그린 옐로우 | #ADFF2F | (173,255,47) | ||
| 다크 그린 | #006400 | (0,100,0) | ||
| 녹색 (Green) | #008000 | (0,128,0) | ||
| 포레스트 그린 | #228B22 | (34,139,34) | ||
| 라임 (Lime) | #00FF00 | (0,255,0) | ||
| 라임 그린 | #32CD32 | (50,205,50) | ||
| 라이트 그린 | #90EE90 | (144,238,144) | ||
| 페일 그린 | #98FB98 | (152,251,152) | ||
| 다크 시 그린 | #8FBC8F | (143,188,143) | ||
| 미디엄 스프링 그린 | #00FA9A | (0,250,154) | ||
| 스프링 그린 | #00FF7F | (0,255,127) | ||
| 시 그린 | #2E8B57 | (46,139,87) | ||
| 미디엄 아쿠아마린 | #66CDAA | (102,205,170) | ||
| 미디엄 시 그린 | #3CB371 | (60,179,113) | ||
| 라이트 시 그린 | #20B2AA | (32,178,170) | ||
| 다크 슬레이트 그레이 | #2F4F4F | (47,79,79) | ||
| 청록색 (Teal) | #008080 | (0,128,128) | ||
| 다크 시안 | #008B8B | (0,139,139) | ||
| 시안 | #00FFFF | (0,255,255) | ||
| 시안 | #00FFFF | (0,255,255) | ||
| 라이트 시안 | #E0FFFF | (224,255,255) | ||
| 다크 터키옥 | #00CED1 | (0,206,209) | ||
| 터키옥 | #40E0D0 | (64,224,208) | ||
| 미디엄 터키옥 | #48D1CC | (72,209,204) | ||
| 페일 터키옥 | #AFEEEE | (175,238,238) | ||
| 아쿠아마린 | #7FFFD4 | (127,255,212) | ||
| 파우더 블루 | #B0E0E6 | (176,224,230) | ||
| 카뎃 블루 | #5F9EA0 | (95,158,160) | ||
| 스틸 블루 | #4682B4 | (70,130,180) | ||
| 콘플라워 블루 | #6495ED | (100,149,237) | ||
| 딥 스카이 블루 | #00BFFF | (0,191,255) | ||
| 도저 블루 | #1E90FF | (30,144,255) | ||
| 라이트 블루 | #ADD8E6 | (173,216,230) | ||
| 스카이 블루 | #87CEEB | (135,206,235) | ||
| 라이트 스카이 블루 | #87CEFA | (135,206,250) | ||
| 미드나잇 블루 | #191970 | (25,25,112) | ||
| 네이비 (Navy) | #000080 | (0,0,128) | ||
| 다크 블루 | #00008B | (0,0,139) | ||
| 미디엄 블루 | #0000CD | (0,0,205) | ||
| 블루 | #0000FF | (0,0,255) | ||
| 로열 블루 | #4169E1 | (65,105,225) | ||
| 블루 바이올렛 | #8A2BE2 | (138,43,226) | ||
| 인디고 | #4B0082 | (75,0,130) | ||
| 다크 슬레이트 블루 | #483D8B | (72,61,139) | ||
| 슬레이트 블루 | #6A5ACD | (106,90,205) | ||
| 미디엄 슬레이트 블루 | #7B68EE | (123,104,238) | ||
| 미디엄 퍼플 | #9370DB | (147,112,219) | ||
| 다크 마젠타 | #8B008B | (139,0,139) | ||
| 다크 바이올렛 | #9400D3 | (148,0,211) | ||
| 다크 오키드 | #9932CC | (153,50,204) | ||
| 미디엄 오키드 | #BA55D3 | (186,85,211) | ||
| 퍼플 | #800080 | (128,0,128) | ||
| 시슬 | #D8BFD8 | (216,191,216) | ||
| 플럼 | #DDA0DD | (221,160,221) | ||
| 바이올렛 | #EE82EE | (238,130,238) | ||
| 마젠타 | #FF00FF | (255,0,255) | ||
| 오키드 | #DA70D6 | (218,112,214) | ||
| 미디엄 바이올렛 레드 | #C71585 | (199,21,133) | ||
| 페일 바이올렛 레드 | #DB7093 | (219,112,147) | ||
| 딥 핑크 | #FF1493 | (255,20,147) | ||
| 핫 핑크 | #FF69B4 | (255,105,180) | ||
| 라이트 핑크 | #FFB6C1 | (255,182,193) | ||
| 핑크 | #FFC0CB | (255,192,203) | ||
| 앤티크 화이트 | #FAEBD7 | (250,235,215) | ||
| 베이지 | #F5F5DC | (245,245,220) | ||
| 비스크 | #FFE4C4 | (255,228,196) | ||
| 블랜치드 아몬드 | #FFEBCD | (255,235,205) | ||
| 위트 | #F5DEB3 | (245,222,179) | ||
| 콘실크 | #FFF8DC | (255,248,220) | ||
| 레몬 쉬폰 | #FFFACD | (255,250,205) | ||
| 라이트 골든로드 옐로우 | #FAFAD2 | (250,250,210) | ||
| 라이트 옐로우 | #FFFFE0 | (255,255,224) | ||
| 새들 브라운 | #8B4513 | (139,69,19) | ||
| 시에나 | #A0522D | (160,82,45) | ||
| 초콜릿 | #D2691E | (210,105,30) | ||
| 페루 | #CD853F | (205,133,63) | ||
| 샌디 브라운 | #F4A460 | (244,164,96) | ||
| 벌리우드 | #DEB887 | (222,184,135) | ||
| 탠 | #D2B48C | (210,180,140) | ||
| 로지 브라운 | #BC8F8F | (188,143,143) | ||
| 모카신 | #FFE4B5 | (255,228,181) | ||
| 나바호 화이트 | #FFDEAD | (255,222,173) | ||
| 피치 퍼프 | #FFDAB9 | (255,218,185) | ||
| 미스티 로즈 | #FFE4E1 | (255,228,225) | ||
| 라벤더 블러시 | #FFF0F5 | (255,240,245) | ||
| 리넨 | #FAF0E6 | (250,240,230) | ||
| 올드 레이스 | #FDF5E6 | (253,245,230) | ||
| 파파야 휩 | #FFEFD5 | (255,239,213) | ||
| 씨쉘 | #FFF5EE | (255,245,238) | ||
| 민트 크림 | #F5FFFA | (245,255,250) | ||
| 슬레이트 그레이 | #708090 | (112,128,144) | ||
| 라이트 슬레이트 그레이 | #778899 | (119,136,153) | ||
| 라이트 스틸 블루 | #B0C4DE | (176,196,222) | ||
| 라벤더 | #E6E6FA | (230,230,250) | ||
| 플로럴 화이트 | #FFFAF0 | (255,250,240) | ||
| 앨리스 블루 | #F0F8FF | (240,248,255) | ||
| 고스트 화이트 | #F8F8FF | (248,248,255) | ||
| 허니듀 | #F0FFF0 | (240,255,240) | ||
| 아이보리 | #FFFFF0 | (255,255,240) | ||
| 아주르 | #F0FFFF | (240,255,255) | ||
| 스노우 | #FFFAFA | (255,250,250) | ||
| 블랙 | #000000 | (0,0,0) | ||
| 딤 그레이 | #696969 | (105,105,105) | ||
| 그레이 / 그레이 | #808080 | (128,128,128) | ||
| 다크 그레이 | #A9A9A9 | (169,169,169) |
즉시 색상 발견: 디자이너, 개발자 및 창작자를 위한 강력한 RGB 색상 찾기 | |
| 완벽한 색상을 선택하는 것은 모든 디지털 프로젝트에서 가장 중요한 단계 중 하나입니다. 웹사이트를 디자인하든, 로고를 만들든, 앱 인터페이스를 개발하든, 단순히 시각적 아이디어를 실험하든 색상 선택은 최종 결과를 형성하는 데 핵심적인 역할을 합니다. 이 프로세스를 보다 쉽고 빠르며 직관적으로 만들기 위해 마우스를 사용하거나 RGB 값을 수동으로 입력하여 필요한 정확한 색상을 찾을 수 있는 새로운 도구를 만들었습니다. | |
| ✔ 이 도구는 정기적으로 색상 작업을 하고 RGB 값을 시각적 색상 미리보기와 깔끔한 16진수 코드로 변환하는 간단하고 정확하며 효율적인 방법을 원하는 모든 사람을 위해 설계되었습니다. | |
| ✔ RGB Color Finder는 유용성을 염두에 두고 제작되었습니다. 선호도에 따라 색상을 시각적으로 또는 수치적으로 탐색하는 데 도움이 되는 원활한 대화형 경험을 제공합니다. 완벽한 색상을 찾기 위해 슬라이더를 드래그하는 것을 선호하는 디자이너이든, 정확한 RGB 값을 입력해야 하는 개발자이든, 이 도구는 작업 흐름에 맞춰 조정됩니다. | |
| ✔ 인터페이스는 깔끔하고 반응성이 뛰어나며 데스크탑과 모바일 장치 모두에 최적화되어 있어 영감이 떠오를 때마다 사용할 수 있습니다. | |
| ✔ 이 도구의 가장 강력한 기능 중 하나는 마우스를 사용하여 색상을 조정하는 기능입니다. 간단한 드래그 동작으로 빨간색, 녹색, 파란색 값의 전체 스펙트럼을 탐색할 수 있습니다. | |
| ✔ 이 시각적 접근 방식은 정확한 숫자 값을 미리 알 필요 없이 다양한 톤과 조합을 실험하려는 사용자에게 적합합니다. 슬라이더를 움직이면 도구가 미리보기 상자를 즉시 업데이트하여 생성 중인 색상에 대한 실시간 피드백을 제공합니다. | |
| ✔ 이를 통해 색조를 미세하게 조정하고, 변형을 비교하고, 고려하지 않았을 수도 있는 새로운 색상 아이디어를 발견하는 것이 매우 쉽습니다. | |
| ✔ 정밀도를 선호하는 사용자의 경우 이 도구를 사용하면 세 가지 RGB 값을 수동으로 입력할 수도 있습니다. 이는 특정 색상 팔레트, 브랜드 지침 또는 정확한 색상 일치가 필요한 UI 구성 요소를 사용하여 작업하는 개발자에게 특히 유용합니다. | |
| ✔ 빨간색, 녹색, 파란색 값을 입력하기만 하면 도구가 즉시 해당 색상과 16진수 표시를 표시합니다. 이 이중 입력 시스템은 도구가 창의적인 탐색과 기술적 정확성을 모두 지원하기에 충분히 유연하다는 것을 보장합니다. | |
| ✔ 이 도구의 또 다른 주요 장점은 RGB에서 HEX로 자동 변환된다는 것입니다. 많은 디자이너와 개발자는 특히 CSS, 디자인 소프트웨어 또는 디지털 브랜딩 작업을 할 때 이 두 형식 사이를 자주 전환합니다. 16진수 코드를 수동으로 계산하거나 외부 변환기를 검색하는 대신 당사 도구가 즉시 작업을 수행합니다. RGB 값을 선택하거나 입력하자마자 HEX 코드가 대문자 형식으로 나타나 프로젝트에 복사하여 사용할 수 있습니다. | |
| ✔ 이렇게 하면 시간이 절약되고 오류가 줄어들며 작업 흐름이 간소화됩니다. | |
| ✔ RGB Color Finder는 핵심 기능 외에도 교육용으로 설계되었습니다. 초보자에게는 RGB 값이 결합되어 다양한 색상을 생성하는 방법을 이해하는 간단한 방법을 제공합니다. 슬라이더를 조정하거나 숫자를 입력함으로써 사용자는 각 구성 요소의 증가 또는 감소가 최종 결과에 어떤 영향을 미치는지 확인할 수 있습니다. | |
| ✔ 따라서 이 도구는 학생, 애호가 및 디지털 색상 이론을 배우는 모든 사람에게 훌륭한 리소스가 됩니다. | |
| ✔ 이 도구는 설치나 플러그인 없이 브라우저에서 직접 작동하는 안정적인 색상 선택기가 필요한 전문가에게도 이상적입니다. 웹사이트를 구축하든, 사용자 인터페이스를 디자인하든, 디지털 일러스트레이션을 준비하든 상관없이 정확하고 직관적인 색상 선택기에 빠르게 액세스하면 창작 과정의 속도를 크게 높일 수 있습니다. | |
| ✔ 가벼운 디자인으로 빠른 로딩 시간을 보장하며 인터페이스는 명확성과 사용 편의성에 최적화되어 있습니다. | |
| 시각적 정체성이 그 어느 때보다 중요한 세상에서는 색상을 관리할 수 있는 올바른 도구를 갖는 것이 필수적입니다. RGB 색상 측정기는 단순성, 정밀성 및 유연성을 사용자 친화적인 단일 인터페이스에 결합합니다. 마우스로 색상을 탐색하든, 정확한 RGB 값을 입력하든, 이 도구는 완벽한 색상을 찾고 즉시 사용 가능한 HEX 코드로 변환하는 데 필요한 모든 것을 제공합니다. | |
| 빠르고 정확하며 창의성과 기술 작업을 모두 지원하도록 설계되었습니다. | |
아래에 댓글 또는 질문을 남겨주세요 |
![]() |
간단 계산기 |
![]() |
공학용 계산기 |
![]() |
면적 계산기 |
![]() |
부피 계산기 |
![]() |
단위 변환기 |
![]() |
환형 면적 계산기 |
![]() |
데이터 변환 도구 |
![]() |
이미지 압축기 |
![]() |
파일 압축기 |
![]() |
RGB 색상 선택기 |
![]() |
파일 PDF 변환기 |
![]() |
보더 반경 계산기 |
![]() |
박스 섀도 계산기 |
![]() |
트랜스폼 계산기 |
![]() |
반응형 기기 테스트 |
![]() |
시간대 변환 & 날짜 차이 계산 |
![]() |
백분율 계산기 |
![]() |
GitHub 트렌드 탐색기 |
![]() |
트렌드 비교 도구 |
![]() |
QR 코드 생성기 |
![]() |
온라인 파일 비교 |
![]() |
무료 웹사이트 속도 테스트 |
![]() |
당신의 최고의 이력서 |
dzosoft.com © 2022 - 2026 작성자: Ing. A. Nasri. All rights reserved.
우리는 효율적인 탐색과 특정 기능 수행을 위해 쿠키를 사용합니다. 아래 각 동의 카테고리에서 모든 쿠키에 대한 자세한 정보를 확인할 수 있습니다. 필수 쿠키는 사이트의 기본 기능을 활성화하는 데 필요하므로 브라우저에 저장됩니다.
또한 웹사이트 사용 방식 분석, 환경 설정 저장,
관련 콘텐츠 및 광고 제공을 돕는 타사 쿠키도 사용합니다. 이러한 쿠키는
사전 동의가 있을 때만 브라우저에 저장됩니다.
일부 쿠키를 비활성화할 수 있지만 비활성화 시 탐색 경험에 영향을 줄 수 있습니다.
“수락”을 클릭하면 쿠키 사용에 동의하는 것입니다. 자세한 내용은
개인정보 보호정책을 참조하세요..
필수 쿠키는 안전한 로그인 제공 또는 동의 설정 조정 등 사이트의 기본 기능을 활성화하는 데 필요합니다.
기능성 기능성 쿠키는 소셜 미디어 공유, 피드백 수집 등
분석 분석 쿠키는 방문자가 웹사이트와 상호작용하는 방식을 이해하는 데 사용됩니다. 방문자 수, 이탈률, 트래픽 출처 등과 같은 지표 정보를 제공합니다.
성능 쿠키는 웹사이트의 핵심 성능 지표를 분석하여 방문자에게 더 나은 사용자 경험을 제공하는 데 도움을 줍니다.
광고 쿠키는 이전에 방문한 페이지를 기반으로 맞춤형 광고를 제공하고 광고 캠페인의 효과를 분석하는 데 사용됩니다.