development

CSS에서 RGB 색상 값에 십진수보다 16 진수를 사용하는 데 좋은 이유가 있습니까?

big-blog 2020. 12. 12. 12:09
반응형

CSS에서 RGB 색상 값에 십진수보다 16 진수를 사용하는 데 좋은 이유가 있습니까?


rgb(255,255,255)표기법은 CSS1부터 사용할 수 있습니다. 그러나 #ffffff훨씬 더 인기가있는 것 같습니다.

분명히 약간 더 콤팩트합니다. 16 진수가 기본 바이트와 더 밀접하게 관련되어 있다는 것을 알고 있으며 해당 값에 대해 산술을 수행하는 데 이점이 있다는 것을 이해하지만 이것은 CSS로 수행 할 작업이 아닙니다.

색상 값은 다른 곳에서는 절대로 16 진수 표기법을 접하지 않는 디자이너 (예 : 나)가 생성하는 경향이 있으며, 사용하는 앱에서 색상을 지정하는 주요 방법 인 10 진수 표기법에 훨씬 더 익숙합니다. 주어진 16 진수 값이 RGB 구성 요소로 분해되는 방식을 깨닫지 못하고 Pantone 색상 시스템 참조 (예 : PMS432)와 같이 색상과 전혀 관련이 없다고 가정 한 많은 사람들을 만났습니다.

그렇다면 소수를 사용하지 않는 이유는 무엇입니까?


16 진수 값은 자주 사용하는 이미지 편집기에서 복사하여 붙여 넣기가 더 쉽습니다.

RGB 값은 Javascript로 조작하기가 더 쉽습니다.

(내가 가장 좋아하는 Hex 색상 값은 #EDEDED이고 모터 스포츠와 관련된 고객을 위해 만든 사이트의 배경색은 # F1F1F1 :-)

Ed.


RGBA 값을 입력하려는 경우 16 진수 표기법이 지원되지 않는다는 점에 유의할 필요가 있습니다. 즉, #FFFFFFff로 속일 수 없습니다. 사실 알파 값은 0.0에서 1.0 사이의 숫자 여야합니다. ( 브라우저 지원은 이 페이지확인 하세요. 항상 그렇듯이 IE가 여기에서 선두를 달리고 있습니다.;))

매우 디자이너 친화적 인 HSL 및 HSLA 색상 지원 도 RGB () 스타일과 유사한 구문으로 제공됩니다. 디자이너가 동일한 스타일 시트에서 두 가지 유형의 색상 값을 모두 사용하는 경우 일관성을 위해 16 진수 코드 대신 10 진수 값을 선택할 수 있습니다.


나는 그것이 당신이 익숙한 것이라고 생각합니다. HTML에 익숙하다면 HTML에서 많이 사용되었으므로 HEX를 사용할 것입니다. Photoshop / Corel / PaintShopPro 등을 사용하는 디자인 배경에서라면 RGB 표기법에 익숙 할 것입니다.하지만 요즘 많은 프로그램에서도 HEX 값 필드를 통합합니다.

말했듯이 RGBA는 RGB 표기법을 사용하는 이유가 될 수 있습니다.

하지만 시나리오에 따라 다르다고 생각합니다. 두 가지 모두에 익숙하다면 둘 사이를 전환 할 수 있습니다 . #fff입력하기가 rgb(255,255,255).

또 다른 질문은 사람들이 (대부분의 브라우저가이 키워드를 지원한다고 가정 할 때) #fff대신 말하는 이유 White입니다.

그것은 모두 선호도와 가독성의 문제입니다. 만약 당신이 거대한 CSS 파일을 유지한다면, 색상 값을보고 그것이 어떤 색상인지 알 수 있다는 것은 정말 좋은 이점입니다. 더 많은 이점은 LESS 또는 Sass 와 같은 것을 사용하여 CSS에 일종의 프로그래밍 기능을 추가하는 것입니다. 예를 들어 상수를 허용합니다. 그래서 말하는 대신 :

#title { color: #abcdef; }

대신 LESS로 다음을 수행 할 수 있습니다.

@base-color: #abcdef;

#title { color: @base-color; }

CSS를 유지하는 것은 문제가되지 않습니다.

브라우저 렌더링의 성능이 걱정된다면 그 결과가 또 다른 요인이 될 수 있습니다.

요약하면 다음과 같이 요약됩니다.

  • 정통
  • 우선권
  • 유지 보수성
  • 공연

전통적으로 HTML은 항상 16 진수 색상을 사용했기 때문에 CSS로 이어졌습니다. 생각한다<font color="#ffffff">


주된 이유는 아마도 당신이 언급했듯이 컴팩트 함 때문일 것입니다. 속기 표기법 #ffffff으로 더 짧게 할 수도 있습니다 #fff.

또 다른 가능한 이유는 rgb표기법 을 변환하는 문제를 브라우저에 저장함으로써인지 된 성능 향상이 있기 때문입니다 .


나는 항상 16 진수를 사용했지만 오늘은 내 값을 다음과 같이 설정하는 것을 선호합니다.

rgb(82, 110, 188)

내 CSS 파일에 불투명도를 추가하고 싶을 때마다 rgb의 이름을 rgba로 바꾸고 불투명도 값을 추가하면됩니다. 장점은 불투명도를 추가하기 전에 16 진수 값을 rgb로 변환 할 필요가 없다는 것입니다.

rgba(82, 110, 188, 0.5)

CSS는 디자이너가 아닌 소프트웨어 개발자가 발명했습니다. 소프트웨어 개발자는 살며 숨을 쉬고 있습니다. 예전 C64 시절부터 생각없이 대부분의 16 진수를 읽을 수 있습니다. A9, 누구?


Various things will accept a single hex value where they may have different ways of entering three decimal values. There's also the fact that it's always 6 characters (or 3, admittedly - plus the #) which makes it easier to scan down a list of them.

Just a couple of random thoughts to add to the mix...


Probably a touch of speed when the color is interpreted by a browser. Otherwise some people from design background may know how to compose colors from RGB components when they write code, and some others from programming background are probably more inclined to use HEX values.


no valid reason, other than personal preference.


Maybe I've done HTML too long, but I find it easier to think in HEX values. A lot of the pre-defined colour palette for HTML maps neatly to HEX values. Using the shortened format also gives you automatic 'web-safe' colours, though this is not really an issue in the days of 32bit colour displays.


HEX is most common due to historical reasons.

Before CSS was common in web development, colors were specified within HTML tags and the most commonly used and supported way to specify a color was to use HEX values.

참고URL : https://stackoverflow.com/questions/1171422/are-there-any-good-reasons-for-using-hex-over-decimal-for-rgb-colour-values-in-c

반응형