Angry Pasta
Түс: RGB пішіміндегі он алтылық (255, 204, 85): 100%, 80%, 33% қызыл, 100%, 80%, 33% жасыл, 100%, 80%, 33% көк. 0%, 20%, 67%, 0% пішіміндегі он алтылық (0%, 20%, 67%, 0%): 0%, 20%, 67%, 0%. HSL түс үлгісінде (42, 100%, 67%): 42, 100%, 67% градус, 42, 100%, 67% қанықтылық, 42, 100%, 67% ашықтық. Басқа форматтар мен сәйкестіктер төменде берілген.
#ffcc55
#ffd166
#ffd677
#ffdb88
#ffe099
#ffe6aa
#ffebbb
#fff0cc
#fff5dd
#fffaee
#ffffff
Түс пішімдері
HEX
#ffcc55
RYB
51, 119, -51
RGB
255, 204, 85
Decimal
16763989
RGB %
100%, 80%, 33%
Websafe
#ffcc66
CMYK
0%, 20%, 67%, 0%
Lab
84.54, 5.98, 64.06
HSL
42, 100%, 67%
XYZ
64.47, 65.1, 17.76
HSV
42, 67%, 100%
YIQ
205.68, 68.71, -26.37
Hunter-Lab
8.07, 0.89, 4.45
YUV
205.68, -59.39, 43.27
Android
0xFFffcc55
Yxy
65.1, 0.44, 0.44
Қосымша түстер
#ffcc55
#ffe855
#f9ff55
#ddff55
#fff755
#ebff55
#cfff55
#b3ff55
#ddff55
#c1ff55
#a4ff55
#88ff55
#b3ff55
#96ff55
#7aff55
#5eff55
#88ff55
#6cff55
#55ff5b
#55ff77
#5eff55
#55ff69
#55ff85
#55ffa2
#55ff77
#55ff93
#55ffb0
#55ffcc
Түс схемалары
Complementary
#ffcc55
#5588ff
Triad
#ffcc55
#55ffcc
#cc55ff
Tetrad
#ffcc55
#55ff77
#5588ff
#ff55dd
Көлеңкелер
#ffcc55
#eebe4f
#ddb14a
#cca344
#bb963e
#aa8839
#997a33
#886d2d
#775f28
#665222
#55441c
#443617
#332911
#221b0b
#110e06
Қараңғы тондар
#cca344
#c29b41
#b8933d
#ad8b3a
#a38336
#997a33
#8f7230
#856a2c
#7a6229
#705a25
#665222
#5c491f
#52411b
#473918
#3d3114
Ашық тондар
#ffcc55
#ffd458
#ffdc5c
#ffe45f
#ffed63
#fff566
#fffd69
#ffff6d
#ffff70
#ffff74
#ffff77
#ffff7a
#ffff7e
#ffff81
#ffff85
Монохроматты
#ffb811
#ffba18
#ffbc1f
#ffbe25
#ffc02c
#ffc233
#ffc43a
#ffc641
#ffc847
#ffca4e
#ffcc55
#ffce5c
#ffd063
#ffd269
#ffd470
Аналогты
#ff55da
#ff5585
#ff7755
#ffcc55
#ddff55
#88ff55
#55ff77
HTML (CSS) үшін стильдер
Бұл блоктың фоны түрлі-түсті #55ff77
<div style="background: #55ff77">Background</div>
div {background: #55ff77;}
Бұл блоктың мәтіні мен жиектері түрлі-түсті
#ffcc55
<div style="color: #ffcc55">Text</div>
div {color: #55ff77;}
<div style="border: 1px solid #ffcc55">Border</div>
div {border: 1px solid #ffcc55;}