색상 이름 #ff8b00

American Orange

색상 255, 139, 0 형식의 16진수(255, 139, 0): 100%, 55%, 0% 빨간색, 100%, 55%, 0% 녹색, 100%, 55%, 0% 파란색. 0%, 45%, 100%, 0% 형식의 16진수(0%, 45%, 100%, 0%): 0%, 45%, 100%, 0%. HSL 색상 모델(33, 100%, 50%): 33, 100%, 50% 각도, 33, 100%, 50% 채도, 33, 100%, 50% 밝기. 다른 형식과 일치 항목은 아래에 나와 있습니다.

#ff8b00

#ff971a

#ffa233

#ffae4d

#ffb966

#ffc580

#ffd199

#ffdcb3

#ffe8cc

#fff3e6

#ffffff

색상 형식

HEX

#ff8b00

RYB

116, 139, -116

RGB

255, 139, 0

Decimal

16747264

RGB %

100%, 55%, 0%

Websafe

#ff9900

CMYK

0%, 45%, 100%, 0%

Lab

69.27, 37.34, 75.37

HSL

33, 100%, 50%

XYZ

50.47, 39.73, 5.01

HSV

33, 100%, 100%

YIQ

157.84, 113.89, -18.89

Hunter-Lab

6.3, 4.01, 3.98

YUV

157.84, -77.67, 85.24

Android

0xFFff8b00

Yxy

39.73, 0.53, 0.42

추가 색상

#ff8800

#ffb300

#ffdd00

#f7ff00

#ffc800

#fff200

#e1ff00

#b7ff00

#f7ff00

#ccff00

#a2ff00

#77ff00

#b7ff00

#8cff00

#62ff00

#37ff00

#77ff00

#4dff00

#22ff00

#00ff08

#37ff00

#0dff00

#00ff1e

#00ff48

#00ff08

#00ff33

#00ff5e

#00ff88

색 구성표

Complementary

#ff8b00

#0077ff

Triad

#ff8b00

#00ff88

#8800ff

Tetrad

#ff8b00

#00ff08

#0077ff

#ff00f7

그늘

#ff8b00

#ee8200

#dd7800

#cc6f00

#bb6600

#aa5d00

#995300

#884a00

#774100

#663800

#552e00

#442500

#331c00

#221300

#110900

어두운 톤

#cc6f00

#c26a00

#b86400

#ad5f00

#a35900

#995300

#8f4e00

#854800

#7a4300

#703d00

#663800

#5c3200

#522c00

#472700

#3d2100

밝은 톤

#ff8b00

#ff9100

#ff9600

#ff9c00

#ffa100

#ffa700

#ffac00

#ffb200

#ffb700

#ffbd00

#ffc300

#ffc800

#ffce00

#ffd300

#ffd900

단색

#cc6f00

#d17200

#d67500

#db7800

#e07a00

#e67d00

#eb8000

#f08300

#f58500

#fa8800

#ff8b00

#ff8d05

#ff900a

#ff920f

#ff9414

유사한

#ff00f2

#ff0073

#ff0900

#ff8800

#f7ff00

#77ff00

#00ff08

HTML(CSS) 스타일

이 블록의 배경은 색칠되어 있습니다. #00ff08

<div style="background: #00ff08">Background</div>

div {background: #00ff08;}

이 블록의 텍스트와 테두리는 색상이 지정되어 있습니다. #ff8b00

div {color: #00ff08;}

<div style="border: 1px solid #ff8b00">Border</div>

div {border: 1px solid #ff8b00;}