Aşağıdaki kodu var:

@color : #d14836;

.stripes span {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-image: -webkit-gradient(linear, left top, right bottom,
                    color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent),
                    color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)),
                    color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent),
                    to(transparent));

@Renk temsil etmek için(209, 72, 54, 1)dönüştürmek istiyorum.

İhtiyacım vartemsil etmek(209, 72, 54, 1) değiştirinaz derleyici ile kod içinde benim de temsil etmek(209, 72, 54, 1) üreten fonksiyon@renklideğişken.

Nasıl yazılır ? (less.js yerine lessc derleyici kullanıyor olmanız gerekir)

Eğer varsa alfa bir anahtar lazım sen bana ben sana sadece rengin onaltılık gösterimini kullanabilirsiniz. Bir alfa ile temsil etmek için bir renk '1' hex değeri aynıdır. Burada olduğunu göstermek için bazı örnekler:

@baseColor: #d14836;

html {
    color: @baseColor;
    //color:#d14836;
}

body {
    color: rgba(red(@baseColor), green(@baseColor), blue(@baseColor), 1);
    //color:#d14836;
}

div {
    color: rgba(red(@baseColor), green(@baseColor), blue(@baseColor), 0.5);
    //rgba(209, 72, 54, 0.5);
}

span {
    color: fade(@baseColor, 50%);
    //rgba(209, 72, 54, 0.5);
}

h3 {
    color: fade(@baseColor, 100%)
    //color:#d14836;
}

Bu kod online Test: http://lesstester.com/