Prompt Engineering UI Schema

Prompt Gray
#e0e0e0
Token Gold
#fdd835
Sequence Black
#212121
Model Pink
#ffcdd2
Response Blue
#64b5f6
Context Light
#f5f5f5

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Model Pink #ffcdd2 i Response Blue #64b5f6. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.

Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #F5F5F5 (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Większość próbek odczytuje się jako neutralne w temperaturze.

Kody HEX (posortowane): #212121, #64B5F6, #E0E0E0, #F5F5F5, #FDD835, #FFCDD2

Paleta Prompt Engineering UI Schema zawiera kombinację kolorów kodów 6:

KLĄTWA: #e0e0e0, RGB: (224, 224, 224); KLĄTWA: #fdd835, RGB: (253, 216, 53); KLĄTWA: #212121, RGB: (33, 33, 33)

KLĄTWA: #ffcdd2, RGB: (255, 205, 210); KLĄTWA: #64b5f6, RGB: (100, 181, 246); KLĄTWA: #f5f5f5, RGB: (245, 245, 245)

Uproszczona wersja palety kolorów

Cień gainsboro, Cień gold, Cień Czarny, Cień Różowy, Cień deepskyblue

Schemat kolorów został stworzony przez hex

Więcej palet z:

Kody kolorów w palecie

Prompt Engineering UI Schema kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Prompt Gray	Gray88
#fdd835	#fdd835	RGB(253, 216, 53)	Token Gold	—
#212121	#212121	RGB(33, 33, 33)	Sequence Black	Lead
#ffcdd2	#ffcdd2	RGB(255, 205, 210)	Model Pink	—
#64b5f6	#64b5f6	RGB(100, 181, 246)	Response Blue	—
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Context Light	White Smoke

Kontrast palety kolorów

9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#e0e0e0	#fdd835	1.05
#e0e0e0	#ffcdd2	1.06
#e0e0e0	#64b5f6	1.67
#e0e0e0	#f5f5f5	1.21
#fdd835	#ffcdd2	1
#fdd835	#64b5f6	1.58

Paleta obrazów Prompt Engineering UI Schema png

--color-prompt-gray:	#e0e0e0;
--color-token-gold:	#fdd835;
--color-sequence-black:	#212121;
--color-model-pink:	#ffcdd2;
--color-response-blue:	#64b5f6;
--color-context-light:	#f5f5f5;

$color-prompt-gray:	#e0e0e0;
$color-token-gold:	#fdd835;
$color-sequence-black:	#212121;
$color-model-pink:	#ffcdd2;
$color-response-blue:	#64b5f6;
$color-context-light:	#f5f5f5;

@color-prompt-gray:	#e0e0e0;
@color-token-gold:	#fdd835;
@color-sequence-black:	#212121;
@color-model-pink:	#ffcdd2;
@color-response-blue:	#64b5f6;
@color-context-light:	#f5f5f5;