色の名前 #ff8b00

American Orange

カラー :16 進数 (RGB 形式) (255, 139, 0): 100%, 55%, 0% red、100%, 55%, 0% green、100%, 55%, 0% blue。 CMYK 形式の #ff8b00 (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;}