PyQt5 - градиент ВПГ, а не градиент RGB

Question

Я работаю над палитрой цветов и создал панель, которая смешивает цвета. В первой части панели вы можете создать оттенок, тон и оттенки цвета, а во второй части вы можете использовать 2 цвета для смешивания.

Однако я столкнулся со странной ситуацией, когда мое градиентное представление в виджете не отражает фактические цвета, которые он вычисляет. Здесь вы можете видеть меня, используя «ЗЕЛЕНЫЙ» и «РОЗОВЫЙ», и градиент один и тот же (градиент RGB?). Я добился этого путем вычисления интерполяции верхней полосы с цветовым пространством RGB и второй интерполяции в HSV, и это результат, который они на самом деле дают.

это мое сравнение моих градиентных тестов (вверху) с фактическим цветовым микшером (внизу) в программе рисования где размещен мой код, и он действительно отображает его в HSV.

Как мне добиться этого градиентного переходного представления в моем виджете?

Проверка кода:

def paintEvent(self, event):
    green = QColor('#3c552c')
    pink = QColor('#d9bdcf')
    painter = QPainter(self)
    painter.setPen(QPen(Qt.black, 4, Qt.SolidLine))
    grad1 = QLinearGradient(20,20,190,20)
    grad1.setColorAt(0.0, green)
    grad1.setColorAt(1.0, pink)
    painter.setBrush(QBrush(grad1))
    painter.drawRect(10,10,200,200)

Код, используемый в настоящее время:

def Mixer_Display(self):
    # Display Color with Tint, Tone, Shade
    mix_color_tint = str("background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(%f, %f, %f), stop:1 rgb(255, 255, 255));" % (self.color_n_red, self.color_n_green, self.color_n_blue))
    self.layout.color_tint.setStyleSheet(mix_color_tint)
    mix_color_tone = str("background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(%f, %f, %f), stop:1 rgb(127, 127, 127));" % (self.color_n_red, self.color_n_green, self.color_n_blue))
    self.layout.color_tone.setStyleSheet(mix_color_tone)
    mix_color_shade = str("background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(%f, %f, %f), stop:1 rgb(0, 0, 0));" % (self.color_n_red, self.color_n_green, self.color_n_blue))
    self.layout.color_shade.setStyleSheet(mix_color_shade)
    # Display Gradients
    mix_gradient_1 = str("background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(%f, %f, %f), stop:1 rgb(%f, %f, %f));" % (self.color_l1_red, self.color_l1_green, self.color_l1_blue, self.color_r1_red, self.color_r1_green, self.color_r1_blue))
    self.layout.gradient_1.setStyleSheet(mix_gradient_1)
    mix_gradient_2 = str("background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(%f, %f, %f), stop:1 rgb(%f, %f, %f));" % (self.color_l2_red, self.color_l2_green, self.color_l2_blue, self.color_r2_red, self.color_r2_green, self.color_r2_blue))
    self.layout.gradient_2.setStyleSheet(mix_gradient_2)
    mix_gradient_3 = str("background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgb(%f, %f, %f), stop:1 rgb(%f, %f, %f));" % (self.color_l3_red, self.color_l3_green, self.color_l3_blue, self.color_r3_red, self.color_r3_green, self.color_r3_blue))
    self.layout.gradient_3.setStyleSheet(mix_gradient_3)

Answer 1

Вы можете имитировать c градиент ВПГ, добавляя дополнительные цвета к градиенту. Похоже, что аддон использует линейную интерполяцию между оттенком, насыщенностью и значением двух цветов, так что вы можете сделать что-то вроде

from PyQt5 import QtWidgets
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QColor, QPainter, QBrush, QLinearGradient, QPen
import numpy as np


class HSVColorBar(QtWidgets.QFrame):
    def __init__(self, c0, c1, parent=None):
        super().__init__(parent)
        self.c0 = c0
        self.c1 = c1

    @staticmethod
    def color_interpolator(col0, col1, factor):
        h0 = col0.hsvHueF()
        h1 = col1.hsvHueF()
        h1 -= round(h1-h0)
        hue = (h0*(1-factor) + h1*factor) % 1
        sat = col0.hsvSaturationF() * (1 - factor) + col1.hsvSaturationF() * factor
        val = col0.valueF() * (1 - factor) + col1.valueF() * factor
        return QColor.fromHsvF(hue, sat, val)

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setPen(QPen(Qt.black, 4, Qt.SolidLine))
        grad1 = QLinearGradient(0, 0, event.rect().width(), 0)
        # add intermediate colors to mimic hue mixing
        for i in np.linspace(0, 1, 10):
            grad1.setColorAt(i, self.color_interpolator(self.c0, self.c1, i))
        painter.setBrush(QBrush(grad1))
        painter.drawRect(event.rect())

if __name__ == "__main__":
    app = QtWidgets.QApplication([])
    green = QColor('#3c552c')
    pink = QColor('#d9bdcf')
    w = HSVColorBar(pink, green)
    w.show()
    app.exec()

Снимок экрана

Answer 2

вдохновил на ваш ответ, я сделал что-то вроде этого.

main:

# HSV Gradients
mix_hsv_g1 = self.style.HSV_Gradient(self.layout.hsv_g1.width(), self.color_hsv_l1, self.color_hsv_r1)
self.layout.hsv_g1.setStyleSheet(str(mix_hsv_g1))

module:

def HSV_Gradient(self, width, color_left, color_right):
    # Colors
    left = [color_left[3], color_left[4], color_left[5]]
    right = [color_right[3], color_right[4], color_right[5]]
    # Conditions
    cond1 = right[0] - left[0]
    cond2 = (left[0] + 360) - right[0]
    cond3 = right[2] - left[1]
    cond4 = right[2] - left[2]
    # Style String
    slider_gradient = "background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, \n "
    "stop:%s rgb(%s, %s, %s), " % (0.000, color_left[0], color_left[1], color_left[2])
    unit = 1 / width
    for i in range(width):
        # Stop
        stop = round((i * unit), 3)
        # HSV Calculation
        if cond1 <= cond2:
            hue = left[0] + (stop * cond1)
        else:
            hue = left[0] - (stop * cond2)
            if hue <= 0:
                hue = hue + 360
            else:
                pass
        hue = hue / 360
        sat = (left[1] + (stop * cond3)) / 100
        val = (left[2] + (stop * cond4)) / 100
        # HSV to RGB Conversion
        rgb = colorsys.hsv_to_rgb(hue, sat, val)
        red = round(rgb[0]*255,3)
        green = round(rgb[1]*255,3)
        blue = round(rgb[2]*255,3)
        # String
        slider_gradient += "stop:%s rgb(%s, %s, %s), \n " % (stop, red, green, blue)
    slider_gradient += "stop:%s rgb(%s, %s, %s) ) " % (1.000, color_right[0], color_right[1], color_right[2])
    # Return StyleSheet String
    return slider_gradient

Поскольку я использую события рисования для управления Пользовательский слайдер. Я подумал о создании таблицы стилей вместо дисплея, поскольку расчет кажется немного длинным.

Результат: