소셜 미디어 HTML5 및 CSS3 기반 웹 페이지에 16 진수 색상을 사용하는 방법 - 인형

HTML5 및 CSS3 기반 웹 페이지에 16 진수 색상을 사용하는 방법 - 인형

차례:

비디오: Web Programming - Computer Science for Business Leaders 2016 2024

비디오: Web Programming - Computer Science for Business Leaders 2016 2024
Anonim

HTML5의 색상은 이상합니다. "쉬운"방법 (색상 이름)은 많은 문제점을 가지고 있음이 드러납니다. 대부분의 웹 개발자가 실제로 사용하는 방법은 훨씬 힘들지 만, 처음에는 그렇게 느껴지지 않습니다. 16 진수 체계는 색상 값을 결정하기 위해 숫자와 문자의 기괴한 조합을 사용합니다. 아쿠아입니다. 노란색입니다. 그것은 컴퓨터 과학자 만이 사랑할 수있는 계획입니다.

16 진수 색상은 컴퓨터가하는 일을 정확하게 기술함으로써 작동하므로 컴퓨터가 색상과 함께 작동하는 방식에 대해 조금 더 알아야합니다. 화면의 각 점 (또는

픽셀 )은 실제로 세 개의 작은 광선으로 구성됩니다. 각 픽셀에는 작은 빨간색, 녹색 및 파란색 빔이 있습니다. 광선은 일종의 무대 조명처럼 작동합니다. 같은 지점에서 세 개의 스포트라이트 (빨강, 초록, 파랑)가있는 검은 색 무대를 상상해보십시오. 모든 조명이 꺼지면 무대는 완전히 어두워집니다. 빨간색 표시등 만 켜면 빨간색으로 보입니다. 조합을 켜서 새로운 색상을 얻을 수 있습니다.

숫자 별 색상

컴퓨터 시스템에서 각 작은 조명은 다양한 밝기 수준으로 조정할 수 있습니다. 이 값은 0에서 255까지 측정됩니다. 따라서 빨간색과 노란색으로 설명 할 수 있습니다.

0에서 255 범위의 값은 아마 10 개의 수학을 기본으로 사용하기 때문에 이상하게 보입니다. 컴퓨터는 실제로 이진 표기법으로 값을 저장합니다. 컴퓨터가 보는 방식, 실제로는 노란색이 111111111111111100000000입니다. Ack! 모든 이진 값을 처리하는 더 쉬운 방법이 있어야합니다. 이것이 개발자들이

16 진법 을 사용하는 이유입니다. ->

사용자와 상호 작용하는 페이지는 프로그래밍 언어를 사용하는 경향이 있습니다. 코드를 살펴 보시고 사이트에 프로그래밍을 추가 할 준비가되지 않았다면 걱정하지 마십시오.

육각 교육

모든 1과 0은 지루합니다. 프로그래머는 작업하기 쉬운 다른 형식으로 변환하는 것을 좋아합니다. 믿거 나 말거나, 2 진수를 10 진수보다 16 진수로 변환하는 것이 더 쉽습니다. 그래서 프로그래머가하는 일입니다. <1699> (16 진수

라고도하는) 기본 16을 이해하지 않고도 잘 살아남을 수 있지만 다음과 같은 몇 가지 주요 기능을 이해해야합니다. <1699> 각 16 진수는 4 자리 숫자의 2 진수입니다. 프로그래머가 16 진수를 사용하는 모든 이유는 바이너리 작업을 단순화하기 위해서입니다. 각 숫자는 0에서 15 사이의 값을 나타냅니다.

  • 이진수 4 자리는 0에서 15 사이의 값을 나타냅니다. 숫자를 생성해야합니다.

  • 16 진법의 전체적인 이유는 캐릭터의 포함이 이상하게 보입니다.이는 간단한 이유입니다. 주변을 둘러 볼 충분한 숫자가 없습니다! 소수 (베이스 (10))

  • 헥사 (기본 16) 0

    0 1
    1 2
    2 3
    3 > 4 4
    5 5
    6 6
    7 7
    8 8
    9 9
    10
    11 B
    12 C
    13 D
    14 E
    15 F
    일반 숫자 0-9는 10 진수와 동일한 16 진수이지만 10-15 (10 진수)의 값은 16 진수의 알파벳 문자로 표시됩니다. 당신은 매우 양손에 손가락의 수에 동일한 값 (10)을보고하는 데 사용하고 있지만 그것은 항상 우리가 여기에서하고있는 것처럼 시스템을 번호로 장난을 시작 그렇지 않다. 번호 10은 단순히 현재 기반 중 하나를 의미합니다. 지금까지는베이스를 사용하지 않았지만 10을 밑거름으로했을 수도 있습니다. <1099> 숫자 10은 밑줄 10에서 10이지만, 밑 2에서 10은 2를 의미합니다. 8 기의 경우 10은 8을 의미하고, 16은 10을 의미합니다. 이것은 16 진수 10을 의미하기 때문에 익숙한 표기법 10을 사용할 수 없기 때문에 16 진수의 손에있는 자릿수에 관해 이야기하고 싶을 때 중요합니다.
    10자를 나타 내기 위해서는 한 자릿수의 값이 필요합니다. 그래서 컴퓨터 과학자들은 편지를 빌려이 혼란을 법으로 제정했습니다. 10은 A, 11은 B, 15는 F입니다. 이 수학 이론이 모두 어지러워지면 걱정하지 마십시오. 이 구성표를 사용하여 멋진 색상을 만들려면 몇 가지 간단한 방법이 있습니다. 지금은 16 진수 색상을 사용하기 위해 알아야 할 것이 있습니다:

색상은 6 자리 숫자가 필요합니다. 픽셀에는 세 가지 색상이 필요하며 각 색상은 8 자리의 이진수를 사용합니다. 육각형의 두 자리 숫자는 각 색상을 다룹니다. 두 자리는 빨간색, 두 개는 녹색, 두 개는 파란색을 나타냅니다.

16 진수 색상 값은 일반적으로 파운드 기호로 시작합니다.

브라우저에 값이 16 진수임을 경고하기 위해 값 앞에 보통 파운드 기호 (#)가 붙습니다. 진수 색상 작업

정말 미친 어려운 것처럼 보일 수 있지만, 몇 가지 중요한 장점이있다:

정밀:

  • 이 시스템을 사용하여 당신에게 작업 할 색상의 거대한 숫자를 제공합니다. 당신이 당신 자신의 많은 색상 이름을 생각해 낼 방법이 없습니다. 글쎄, 할 수는있어.하지만 네가 끝내고 나면 아주 오래 될거야. 객관성:

  • 16 진수 값은 의견의 문제가 아닙니다. 어떤 색이 시에나를 태우는 지에 대한 논쟁이있을 수 있지만, 16 진수 값은 모호하지 않습니다. 이식성:

대부분의 그래픽 편집 소프트웨어는 16 진수 시스템을 사용하므로 이미지의 색상을 선택하여 16 진수 값을 즉시 가져올 수 있습니다. 이렇게하면 온라인 신사를위한 고양이의 눈 색깔을 쉽게 찾을 수 있습니다.

  • 예측 가능성: 당신이 어떻게 작동하는지 이해 한 후에는 어떤 진수 색상을 조금 어둡게, 조금 밝은,의 또는 좀 더 거기에 파란색있는 값으로 변환 할 수 있습니다. 이것은 명명 된 색상으로하기가 어렵습니다.

  • 사용의 편의성: 이것은 스트레치처럼 보일지도 모르지만, 웹에 안전한 팔레트를 이해 한 후에는 색상에 대한 대략적인 아이디어를 얻은 다음, 다시 찾고.

HTML5 및 CSS3 기반 웹 페이지에 16 진수 색상을 사용하는 방법 - 인형

편집자의 선택

소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사

소셜 미디어 측정법을 사용하여 판매를 늘리는 방법 - 소셜 미디어 측정 항목을 사용하는 한 회사

판매를위한 크로스 플랫폼 참여는 Best Buy입니다. Best Buy는 모바일 쇼핑 및 소셜 쇼핑을 매장의 각 품목에 대한 QR 코드를 사용하여 매장 내 경험으로 가져 왔습니다. 고객은 상점의 각 항목에 대한 QR 코드를 스캔하여 리뷰를 포함한 더 많은 정보를 얻을 수 있습니다.

블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우

블로그에 Google 웹 로그 분석을 설치하는 방법 - 아직없는 경우

블로그 또는 사이트에서 Google 웹 로그 분석 추적 통계를 사용하여 빠르고 쉽게 설치할 수 있습니다. 설치는 1 분 밖에 걸리지 않으며 완전히 고통스럽지 않습니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스와 대시 보드에서 로그인하십시오.

웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는

웹 사이트에 Google 웹 로그 분석을 설치하는 방법 - 웹 사이트에 Google 웹 로그 분석을 설치하는

단 1 분이며 고통스럽지 않습니다. 곧 Google 애널리틱스 덕분에 잠자는 동안 소셜 미디어 측정 항목을 추적하게 될 것입니다. 먼저 Google 애널리틱스 ID를 가져 와서 어딘가에 작성하십시오. 쉽게 찾을 수 있습니다. Google 애널리틱스 및 대시 보드에 로그인하고 톱니 바퀴 아이콘을 클릭하기 만하면됩니다. ...

편집자의 선택

마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트

마케팅 자동화에서 분할 테스트의 기본 이점 - A / B 테스트라고도하는 더미 테스트

다 변수 테스트뿐만 아니라 요인 일정을 유지하고 다양한 시나리오에서 다른 결과를 테스트하여 마케팅 자동화 테스트를 수행하는 것을 의미합니다. 하나의 유료 검색 광고를 통해 사람들을 2 개의 개별 방문 페이지로 유도하는 것이 그 예입니다. 방문 페이지 테스트하기 ...

자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형

자동화 된 마케팅을위한 컨텐츠 작성의 기본 - 인형

마케팅 자동화 도구의 사용을 극대화하기 위해 먼저 사람과 콘텐츠와의 관계를 이해해야합니다. 올바른 사람에게 올바른 콘텐츠를 보내는 경우에만 자동화가 유용합니다. 이를 올바르게 수행하는 방법에 대한 기본적인 이해를 돕기 위해 사람들은 두 가지 유형이 관련되어 있음을 인식해야합니다 ...

Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미

Microsoft Dynamics CRM을 사용하는 e-Mail 및 Microsoft Dynamics CRM- 더미

고객 관계를 관리하는 데 도움이되는 Microsoft 도구 현대 직장에서 가장 유용한 도구 중 하나는 전자 메일이므로 전자 메일을 만들고 읽거나, 전자 메일을 특정 레코드에 연결하거나, 일정을 관리하는 데 숙련되어 있어야합니다. ...

편집자의 선택

웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형

웹 호스팅 계획에서 더 많은 것을 얻기위한 10 가지 팁 - 인형

당신은 자신의 웹 사이트 또는 블로그를 가지고 있고, 고객, 독자 또는 웹 호스팅 기술에 의존하는 추종자 만 있습니다. 다음 팁은 웹 호스팅 계획을 최대한 활용하는 데 도움이됩니다. 제어판에서 백업 옵션을 확인하십시오. 일부 제어판을 사용하면 자동화 된 백업을 수행 할 수 있습니다. ...

귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형

귀하의 웹 호스트가 귀하를 도와주지 않는 10 가지 사항 (무료) - 인형

은 웹 호스트만큼 멋지고, 웹 사이트를 디자인, 제작 및 운영하는 데 도움이되는 일에는 한계가 있습니다. 그것은 모두 돈으로옵니다. 귀하가 기꺼이 지불하는 한 귀하의 호스트는 기꺼이 도움이 될 것입니다. 각 호스트는 다릅니다. ...