Түс атауы #ffaf6b

Orange Fire

Түс: RGB пішіміндегі он алтылық (255, 175, 107): 100%, 69%, 42% қызыл, 100%, 69%, 42% жасыл, 100%, 69%, 42% көк. 0%, 31%, 58%, 0% пішіміндегі он алтылық (0%, 31%, 58%, 0%): 0%, 31%, 58%, 0%. HSL түс үлгісінде (28, 100%, 71%): 28, 100%, 71% градус, 28, 100%, 71% қанықтылық, 28, 100%, 71% ашықтық. Басқа форматтар мен сәйкестіктер төменде берілген.

#ffaf6b
#ffb77a
#ffbf89
#ffc797
#ffcfa6
#ffd7b5
#ffdfc4
#ffe7d3
#ffefe1
#fff7f0
#ffffff

Түс пішімдері

HEX

#ffaf6b

RYB

80, 68, -80

RGB

255, 175, 107

Decimal

16756587

RGB %

100%, 69%, 42%

Websafe

#ff9966

CMYK

0%, 31%, 58%, 0%

Lab

77.86, 22.47, 46.25

HSL

28, 100%, 71%

XYZ

59.22, 52.98, 21.01

HSV

28, 58%, 100%

YIQ

191.17, 69.58, -4.34

Hunter-Lab

7.28, 2.54, 3.52

YUV

191.17, -41.42, 56

Android

0xFFffaf6b

Yxy

52.98, 0.44, 0.4

Қосымша түстер

#ffae6b
#ffc66b
#ffdf6b
#fff86b
#ffd36b
#ffeb6b
#faff6b
#e1ff6b
#fff86b
#eeff6b
#d5ff6b
#bcff6b
#e1ff6b
#c9ff6b
#b0ff6b
#97ff6b
#bcff6b
#a4ff6b
#8bff6b
#72ff6b
#97ff6b
#7fff6b
#6bff70
#6bff89
#72ff6b
#6bff7c
#6bff95
#6bffae

Түс схемалары

Complementary

#ffaf6b
#6bbcff

Triad

#ffaf6b
#6bffae
#ae6bff

Tetrad

#ffaf6b
#72ff6b
#6bbcff
#f86bff

Көлеңкелер

#ffaf6b
#eea364
#dd985d
#cc8c56
#bb804e
#aa7547
#996940
#885d39
#775232
#66462b
#553a24
#442f1d
#332315
#22170e
#110c07

Қараңғы тондар

#cc8c56
#c28551
#b87e4d
#ad7749
#a37044
#996940
#8f623c
#855b38
#7a5433
#704d2f
#66462b
#5c3f27
#523822
#47311e
#3d2a1a

Ашық тондар

#ffaf6b
#ffb66f
#ffbd74
#ffc478
#ffcb7c
#ffd280
#ffd985
#ffe089
#ffe78d
#ffee92
#fff596
#fffc9a
#ffff9e
#ffffa3
#ffffa7

Монохроматты

#ff8823
#ff8c2a
#ff9031
#ff9438
#ff9840
#ff9b47
#ff9f4e
#ffa355
#ffa75d
#ffab64
#ffaf6b
#ffb372
#ffb779
#ffbb81
#ffbf88

Аналогты

#fa6bff
#ff6bba
#ff6b70
#ffae6b
#fff86b
#bcff6b
#72ff6b

HTML (CSS) үшін стильдер

Бұл блоктың фоны түрлі-түсті #72ff6b
<div style="background: #72ff6b">Background</div>
div {background: #72ff6b;}
Бұл блоктың мәтіні мен жиектері түрлі-түсті #ffaf6b
<div style="color: #ffaf6b">Text</div>
div {color: #72ff6b;}
<div style="border: 1px solid #ffaf6b">Border</div>
div {border: 1px solid #ffaf6b;}