Kolor złoty HEX #ffd700

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów znajduje się taki kolor. Jest to Gold rgb(255,215,0). Odcień tego koloru jest żółty . W palecie kolorów X11 znajduje się taki kolor. Jest to Golden rgb(255,215,0).

Konwersja z HEX kolor #ffd700

RGB255
100%
215
84%
0
0%
HSV51º100%100%
HSL50.6º100%50%
CMYK0
0%
0.16
16%
1
100%
0
0%
SystemCzerwonyZielonyNiebieski
HEXffd700
RGB decimal2552150
Octal3773270
Binary111111111101011100000000
Decimal (0-16777215)16766720

Kolor #ffd700 (0xFFD700) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ffcc00. #ffd700 jest kolorem jasnym, którego poziom jasności wynosi 202/255. Współczynnik kontrastu do koloru białego to 1.39 : 1.

Skala szarości
#808080
Kolor bazowy
#ffd700

Opracowane w latach 70. XX wieku do zastosowań w grafice komputerowej HSL i HSV to dwie najpopularniejsze reprezentacje punktów w modelu kolorów RGB za pomocą współrzędnych cylindrycznych (cylindryczny układ współrzędnych), gdzie HSL oznacza odcień, nasycenie i jasność i często nazywany jest także HLS. HSV oznacza odcień, nasycenie i wartość i często jest również nazywany HSB ( B oznacza jasność ). Trzecim modelem, powszechnym w zastosowaniach związanych z wizją komputerową, jest HSI, określający barwę, nasycenie i intensywność.

Kolor HSL (cylindryczna reprezentacja koloru) #ffd700: kąt barwy 50.6º, nasycenie: 100%, jasność: 50%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 51º, nasycenie koloru: 100%, a jasność 100%.

Nasycenie koloru (Saturation)

Zwiększ lub zmniejsz nasycenie koloru o określony procent.

saturacja +30
#ffd700
saturacja +20
#ffd700
saturacja +10
#ffd700
saturacja -10
#f2ce0d
saturacja -20
#d9bd26
saturacja -30
#b3a34d

Luminacja (Lightness)

Zmiana natężenia oświetlenia o określony procent.

luminacja +30
#ffef99
luminacja +20
#ffe766
luminacja +10
#ffdf33
luminacja -10
#ccac00
luminacja -20
#998100
luminacja -30
#665600

Jasność koloru (Brightness)

jasność +10
#fff11a
jasność +20
#ffff33
jasność +30
#ffff4d
jasność +40
#ffff66

Odcień koloru (Tint)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z bielą, co zmniejsza intensywność koloru. Zwiększa luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#ffd700
#ffd90d
#ffdb1a
#ffdf33
#ffe34d
#ffe766
#ffeb80
#ffef99
#fff3b3
#fff7cc
#fffbe6
#ffffff

Odcień koloru (Shade)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z czernią, co zwiększa intensywność koloru. Zmniejsza luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#ffd700
#f2cc00
#e6c200
#ccac00
#b39700
#998100
#806c00
#665600
#4d4100
#332b00
#1a1600
#000000

Spin koloru

Obrót o określony kąt [-360, 360]

Mix koloru

Mix z kolorem odwróconym o określony procent.

#ffd700
#f2ce0d
#e6c61a
#ccb433
#b3a34d
#999166
#808080
#666e99
#4d5db3
#334bcc
#1a3ae6
#0028ff

Kolory RGB

Kolor HEX #ffd700

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(255,215,0). Kolor czerwony (R) ma wartość 255 czyli 100% wartości maksymalnej wartości czerwonego lub 54% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 215 czyli 84% wartości maksymalnej wartości zielonego lub 46% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 0 czyli 0% wartości maksymalnej wartości niebieskiego lub 0% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 470 czyli 61% maksymalnej wartości (765).

Czerwony 100%
Zielony 84%
Niebieski 0%
czerwony 54%     ||     zielony 46%     ||     niebieski 0%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 16% magenty, 100% żółtego i 0% czarnego.

Cyan 0%
Magenta 16%
Yellow 100%
Black 0%

Kolor czcionki #ffd700

<p style="color:#ffd700">Lorem ipsum...</p>

Przykładowy tekst z kolorem #ffd700 czcionki: lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kolor tła #ffd700

<div style="background-color:#ffd700">
Lorem ipsum...
</div>

Kolor tła #ffd700

Kolor obramowania #ffd700

<div style="border:5px solid #ffd700">
Lorem ipsum...
</p>

Kolor ramki #ffd700