Toasted Truffle
Түс: RGB пішіміндегі он алтылық (170, 51, 68): 67%, 20%, 27% қызыл, 67%, 20%, 27% жасыл, 67%, 20%, 27% көк. 0%, 70%, 60%, 33% пішіміндегі он алтылық (0%, 70%, 60%, 33%): 0%, 70%, 60%, 33%. HSL түс үлгісінде (351, 54%, 43%): 351, 54%, 43% градус, 351, 54%, 43% қанықтылық, 351, 54%, 43% ашықтық. Басқа форматтар мен сәйкестіктер төменде берілген.
#aa3344
#b34757
#bb5c69
#c4707c
#cc858f
#d599a2
#ddadb4
#e6c2c7
#eed6da
#f7ebec
#ffffff
Түс пішімдері
HEX
#aa3344
RYB
119, 0, -102
RGB
170, 51, 68
Decimal
11154244
RGB %
67%, 20%, 27%
Websafe
#993333
CMYK
0%, 70%, 60%, 33%
Lab
40.13, 49.4, 17.96
HSL
351, 54%, 43%
XYZ
18.8, 11.33, 6.66
HSV
351, 70%, 67%
YIQ
88.52, 65.45, 30.41
Hunter-Lab
3.37, 4.6, 1.28
YUV
88.52, -10.1, 71.48
Android
0xFFaa3344
Yxy
11.33, 0.51, 0.31
Қосымша түстер
#aa3345
#aa3533
#aa4933
#aa5d33
#aa3f33
#aa5333
#aa6733
#aa7a33
#aa5d33
#aa7033
#aa8433
#aa9833
#aa7a33
#aa8e33
#aaa233
#9eaa33
#aa9833
#a8aa33
#94aa33
#80aa33
#9eaa33
#8aaa33
#76aa33
#63aa33
#80aa33
#6daa33
#59aa33
#45aa33
Түс схемалары
Complementary
#aa3344
#33aa98
Triad
#aa3344
#45aa33
#3345aa
Tetrad
#aa3344
#80aa33
#33aa98
#5d33aa
Көлеңкелер
#aa3344
#9f303f
#932c3b
#882936
#7d2532
#71222d
#661f29
#5b1b24
#4f1820
#44141b
#391117
#2d0e12
#220a0e
#170709
#0b0305
Қараңғы тондар
#882936
#812734
#7a2531
#74232e
#6d212c
#661f29
#5f1d26
#581b23
#521821
#4b161e
#44141b
#3d1218
#361016
#300e13
#290c10
Ашық тондар
#aa3344
#b13547
#b83749
#be394c
#c53b4f
#cc3d52
#d33f54
#da4157
#e0435a
#e7455c
#ee475f
#f54962
#fc4b65
#ff4e67
#ff506a
Монохроматты
#882936
#8b2a38
#8f2b39
#922c3a
#962d3c
#992e3d
#9c2f3f
#a03040
#a33141
#a73243
#aa3344
#ad3445
#b13547
#b43648
#b83749
Аналогты
#5d33aa
#9833aa
#aa3380
#aa3345
#aa5d33
#aa9833
#80aa33
HTML (CSS) үшін стильдер
Бұл блоктың фоны түрлі-түсті #80aa33
<div style="background: #80aa33">Background</div>
div {background: #80aa33;}
Бұл блоктың мәтіні мен жиектері түрлі-түсті
#aa3344
<div style="color: #aa3344">Text</div>
div {color: #80aa33;}
<div style="border: 1px solid #aa3344">Border</div>
div {border: 1px solid #aa3344;}