# 제가 가장 좋아하는 색상은 척 노리스 레드입니다

> Clean Markdown view of GeekNews topic #18369. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=18369](https://news.hada.io/topic?id=18369)
- GeekNews Markdown: [https://news.hada.io/topic/18369.md](https://news.hada.io/topic/18369.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-12-21T09:50:37+09:00
- Updated: 2024-12-21T09:50:37+09:00
- Original source: [htmhell.dev](https://htmhell.dev/adventcalendar/2024/20/)
- Points: 1
- Comments: 1

## Topic Body

- # 웹페이지에서 텍스트 색상 설정하기
  - 일반적으로 CSS의 `color` 속성을 사용하여 웹페이지의 텍스트 색상을 설정함.
  - 그러나 HTML만을 사용하여 색상을 정의하는 방법도 있음.

- # HTML의 색상 속성
  - 과거 HTML 버전에서는 `color` 속성을 사용하여 텍스트 색상을 설정할 수 있었음.
  - 예를 들어 `<font color="#d72b2b">HTMHell rules!</font>`와 같이 사용함.
  - 브라우저에서 이 코드를 실행하면 텍스트가 빨간색으로 표시됨.

- # 잘못된 색상 값 처리
  - HTML은 일반적으로 오류 상태가 없으며, 브라우저는 잘못된 값을 최대한 처리하려고 함.
  - 예를 들어 `<font color="chucknorris">`와 같은 잘못된 색상 값도 브라우저는 빨간색으로 처리함.

- # 색상 값 파싱 규칙
  - 초기 정리: 값의 시작에 있는 `#`을 제거함.
  - 잘못된 문자 대체: 0-9 또는 A-F/a-f가 아닌 문자는 '0'으로 대체함.
  - 길이 표준화: 문자열의 길이가 0이거나 3의 배수가 아닐 경우 '0'을 추가함.
  - RGB로 분할: 문자열을 세 부분으로 나누어 각각 빨강, 초록, 파랑 값으로 사용함.
  - 길이 처리: 각 구성 요소의 길이가 8자를 초과하면 왼쪽에서 제거함.
  - 최종 색상 생성: 최종 빨강, 초록, 파랑 값을 조합하여 색상을 생성함.

- # 현대 브라우저의 색상 처리
  - CSS는 잘못된 색상 값을 처리할 때 값을 거부하지 않고 조정함.
  - 예를 들어 `rgb(300, -50, 1000)`은 `rgb(255, 0, 255)`로 변환됨.

- # 웹의 유연성
  - 웹은 유연성을 기반으로 구축되었으며, 이는 1996년의 웹사이트도 현대 브라우저에서 렌더링할 수 있게 함.
  - 완벽한 웹은 지루할 수 있으며, 웹은 다양한 입력을 처리할 수 있어야 함.

- # 참고 자료
  - HTML 표준 및 색상 파싱에 대한 추가 정보 제공.

## Comments



### Comment 32574

- Author: neo
- Created: 2024-12-21T09:50:37+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=42468318) 
- 이 기사는 13년 전 Stack Overflow 질문의 내용을 재활용한 것 같음
  - 인터넷에서 만들어진 흥미로운 것들은 마케팅에 이용될 것임
  - 오래된 Reddit 사용자와 포럼 기여자들이 그들의 작업에서 창출된 가치를 얻지 못한 것이 아쉬움
  - 적어도 기사의 끝부분에서 참조되었다는 점은 좋음

- 'chocolate'이 '#c0c0a0'로 줄어드는 결과가 마음에 듦

- 글은 좋았지만, 저자는 실수했음: chucknorris는 빨간색으로 렌더링되지 않음, 빨간색이 chucknorris로 렌더링됨

- 웹의 관대한 특성이 좋음
  - TypeScript와 같은 엄격함은 비즈니스와 작업에 좋음
  - HTML, CSS, JavaScript의 관대한 특성이 많은 채택을 이끌었음
  - Rust가 많은 문제에 직면하는 것을 보면서, 언어 문제가 아니라 생태계 크기 문제일 수 있음
  - 엄격함과 완벽함을 원한다면, 네이티브 애플리케이션이 적합함
  - 웹은 매우 빠르게 렌더링됨

- Chuck Norris는 색상이 아님
  - 브라우저가 이를 지적하기를 두려워함

- "o"를 "0"으로 대체할 수 있음
  - 예: 'coffee'는 '#c0ffee'로 변환됨
  - 'baobab'은 '#ba0bab', 'decode'는 '#dec0de'로 변환됨

- 브라우저가 덜 관대하고 완벽함을 강요해야 한다는 의견이 있음
  - 완벽한 웹은 지루할 것임
  - 웹이 무엇이든 작동하도록 만드는 것이 중요함
  - 표준에 대한 불일치를 방지하는 것이 중요함

- 색상 이름은 숫자에 이름을 붙이는 것과 같음
  - 이를 게임으로 만들었음

- 관대한 태도가 컴퓨터 범죄를 가능하게 한다는 점에서 동의함
  - 보안은 중요한 대가임
  - 구형 기술 애호가들은 샌드박스된 VM에서 구형 웹 브라우저를 실행할 수 있음

- 의도치 않은 붉은색 변환일 수 있음