Це! є кольорова сітка RGB ...

В основному це двовимірна матриця, в якій:

• Перший рядок і перший стовпець червоні.
• Другий ряд і другий стовпчик зелені.
• Третій ряд і третій стовпчик - сині.

Ось кольори, описані графічно, використовуючи букви R, G та B.

Ось як обчислюється колір кожного пробілу в сітці.

• Червоний + червоний = червоний (# FF0000)
• Зелений + Зелений = Зелений (# 00FF00)
• Синій + Синій = Синій (# 0000FF)
• Червоний + зелений = жовтий (# FFFF00)
• Червоний + синій = фіолетовий (# FF00FF)
• Зелений + Синій = Тіл (# 00FFFF)

Змагання

• Написати код для створення кольорової сітки RGB.
• Це код гольфу, тому намагайтеся зробити це в найменшій кількості байтів.
• Використовуйте будь-яку мову програмування або мову розмітки для створення вашої сітки.
• Речі, які мене хвилюють:
  • Результат повинен графічно відображати сітку RGB із визначеними кольорами.
• Речі, які мене не цікавлять:
  • Якщо виведенням є зображення, HTML, SVG або інша розмітка.
  • Розмір або форма кольорових блоків.
  • Межі, проміжки тощо між блоками або навколо них.
  • Напевно не повинно бути міток, які вказують вам, якими мають бути кольори рядків та стовпців.

Баш, 44

• 2 байти збережено завдяки @NahuelFouilleul
• 2 байти збережено завдяки @manatwork

printf "${f=^[[3%dm.}$f$f
" 1 3 5 3 2 6 5 6 4

Тут блоки - це .символи. ^[є буквальним символом втечі ASCII (0x1b).

Ви можете відтворити цей сценарій наступним чином:

base64 -d <<< cHJpbnRmICIke2Y9G1szJWRtLn0kZiRmCiIgMSAzIDUgMyAyIDYgNSA2IDQ= > rgbgrid.sh

8088 збірка, IBM PC DOS,  44  43 байти

Лістинг:

BE 0122     MOV  SI, OFFSET CTBL    ; load color bar table into [SI]
        LOOP_COLOR: 
B9 0001     MOV  CX, 1              ; display 1 char and clear CH (changed by INT 10H:3)
AC          LODSB                   ; load next color byte 
8A D8       MOV  BL, AL             ; move new color to BL
3C 10       CMP  AL, 010H           ; if this is third color in row: SF=0, CF=0 
                                    ; else if last color: SF=1, CF=0
                                    ; else continue on same row: CF=1
B8 09DB     MOV  AX, 09DBH          ; AH=9 (write char with attr), AL=0DBH (a block char) 
CD 10       INT  10H                ; call PC BIOS, display color block
B4 03       MOV  AH, 3              ; get cursor position function
CD 10       INT  10H                ; call PC BIOS, get cursor
72 04       JC   NEXT_COL           ; if not last in row, move to next column 
78 09       JS   EXIT               ; if last color, exit 
B2 FF       MOV  DL, -1             ; otherwise move to first column and next row 
        NEXT_COL:
42          INC  DX                 ; move to next column (and/or row)
B4 02       MOV  AH, 2              ; set cursor position function 
CD 10       INT  10H                ; call PC BIOS, set cursor position
EB E2       JMP  LOOP_COLOR         ; loop to next color byte 
        EXIT:
C3          RET                     ; return to DOS
CTBL    DB  0CH, 0EH, 1DH, 0EH, 0AH, 1BH, 0DH, 0BH, 91H ; color table

Для використання INT 10Hвідео-служб IBM PC BIOS для запису кольорової сітки на екран. На жаль, єдиний спосіб написання певного атрибуту кольору вимагає також написання коду для розміщення курсору в наступному правильному місці, тому для цього є багато додаткового коду.

Ось вихід, який працює на CGA IBM PC (у текстовому режимі 40x25 для його збільшення).

Завантажте та протестуйте RGBGRID.COM для DOS.

Мова Вольфрама (Mathematica) , 41 байт

Image@Outer[Plus,#,#,1]&@IdentityMatrix@3

Мова Вольфрама (Mathematica) , 68 байт

Mathematica має вбудовані для всіх цих кольорів.

Image@{{Red,Yellow,Magenta},{Yellow,Green,Cyan},{Magenta,Cyan,Blue}}

80386 код машини, IBM PC DOS, 38 байт

шістнадцятковий:

B0 13 CD 10 68 00 A0 1F 66 C7 06 00 00 28 2C 24
00 66 C7 06 40 01 2C 30 34 00 66 C7 06 80 02 24
34 20 00 CD 16 C3

зом:

mov al,13h
int 10h ; initialize vga 13h mode (320x200x256 colors)
push 0a000h
pop ds ; push video buffer address to ds
mov dword ptr ds:0, 242c28h ; print 3 pixels
mov dword ptr ds:320, 34302ch ; print 3 pixels
mov dword ptr ds:640, 203424h ; print 3 pixels
int 16h ; wait for any keypress
ret ; exit to os

масштабований вихід з dosbox:

Excel VBA (негайне вікно), 80 байт

For i=1To 9:Cells(i Mod 3+1,(i+1)/3).Interior.ColorIndex=Mid(673486857,i,1):Next

Excel VBA (функція), 96 байт

Sub g()
For i=1To 9
Cells(i Mod 3+1,(i+1)/3).Interior.ColorIndex=Mid(673486857,i,1)
Next
End Sub

Це не жахливий інструмент для роботи ... Я вдячний за те, що Excel вже показує сітку, тому це питання встановлення кольору фону.

Кредит @Neil за те, що він запропонував використовувати, ColorIndexа не Colorпривести до економії в 43 байти.

-21 байт завдяки @Keeta

-16 байт завдяки @Chronocidal за те, що він запропонував "Негайне вікно"

-2 байти завдяки @i_saw_drones

Багато змін від мого оригінального подання :)

GFA Basic 2.02 (Atari ST), 48 байт

Вручну відредагований список у форматі .LST Включає багато символів, що не друкуються, коди яких відображаються в дужках.

?"[ESC]c[SOH] [ESC]c[ETX] [ESC]c[ENQ] "[CR]
?"[ESC]c[ETX] [ESC]c[STX] [ESC]c[ACK] "[CR]
?"[ESC]c[ENQ] [ESC]c[ACK] [ESC]c[EOT] "[CR]

Операційна система Atari ST визначає розширені команди VT52, які тут використовуються.

Вихід

$24\times24$$8\times8$

^{скріншот від Steem SSE}

SVG, 210 182 байт

<svg><path d="h3v3h-3" fill=#f0f/><path d="h2v2h-2" fill=#ff0/><path d="m1 1h2v2h-2" fill=#0ff/><line x2=1 stroke=red/><path d="m1 1h1v1h-1" fill=#0f0/><path d="m2 2h1v1" fill=#00f/>

Оскільки розмір або форма кольорових блоків не має значення, за допомогою цієї трохи дивної компоновки можна відіграти небагато байтів:

HTML + CSS, 121 120 байт

Найгірший фрагмент HTML, який я коли-небудь писав. Один байт зберегти завдяки @Gust van de Wal

b{color:#ff0}a{color:cyan}i{color:lime}u{color:blue

<pre><body bgcolor=#f0f text=red>█<b>█
█<i>█<a>█
 █<u>█

HTML + CSS, 114 байт (напівфабрикат)

Я вважаю це напіввідправним, оскільки синій колір не є синім № 0000FF, а також покладається на те, що не натиснув на посилання.

Дякуємо @Lynn за ідею

b{color:#ff0}i{color:lime}c{color:cyan

<pre><body bgcolor=#f0f text=red>█<b>█
█<i>█<c>█
 █<a href=x>█

ditaa , 118 байт

/----+----+----\
|cF00|cFF0|cF0F|
+----+----+----+
|cFF0|c0F0|c0FF|
+----+----+----+
|cF0F|c0FF|c00F|
\----+----+----/

Це вихід з використанням -Eопції:

R, 89 50 48 байт

Найновіша версія:

image(matrix(c(6,4,5,2:4,1,2),3),col=rainbow(6))

У векторі не вистачає елементів для заповнення матриці 3x3, тому він обертається навколо та повторно використовує перший елемент.

Старі версії:

image(matrix(c(6,4,5,2:4,1,2,6),3),col=rainbow(6))

image(matrix(c(3,5,6,2,4,5,1:3),3),col=c('red','yellow','magenta','green','cyan','blue'))

Excel-VBA, 89 73 72 70 байт

Edit: Ви можете використовувати негайне вікно і відмовитися від Sub/ , End Subщоб зберегти 16 байт:

For i=1To 9:[A:C].Cells(i).Interior.ColorIndex=Mid(367648785,i,1):Next

Оригінальна відповідь:

Sub a()
For i=1To 9
[A1:C3].Cells(i).Interior.ColorIndex=Mid(367648785,i,1)
Next
End Sub

Це було натхнене пропозицією Ніла щодо цієї відповіді, і це моє перше подання!

Результат:

-2 байти : Видалення номерів рядків комірок - завдяки Тейлор Скотт !

Perl 6 (і, мабуть, подібний для багатьох мов) (31 байт)

{'ÿ   ÿÿÿ ÿ ÿÿ  ÿ ÿÿÿ ÿ ÿÿ  ÿ'}   # replace spaces with ASCII 00
                                  # which I can't seem to enter

Це виводить безголовий файл TIFF, який раніше генерувався Photoshop з розширенням .raw файлу і вважається квадратним, якщо інше не вказано під час відкриття. Гра навколо з глибиною кольору (якщо це дозволено) може зменшити це ще більше.

ffplay (ffmpeg), 93 байти

ffplay -f rawvideo -s 3x3 -pix_fmt rgb24 "data:/;base64,/wAA//8A/wD///8AAP8AAP///wD/AP//AAD/"

Старий :

ffplay -f lavfi -i testsrc=s=3x3,geq=r=255*not(X*Y):g=255*not((X-1)*(Y-1)):b=255*not((X-2)*(Y-2))

$\Large{\mathbf{\TeX} \left(\text{MathJax}\right)},~122\,\text{bytes}$

Гольф:

$\def\c#1{\color{#1}{\rule{5em}{5em}}}\c{red}\c{yellow}\c{fuchsia}\\\c{yellow}\c{lime}\c{aqua}\\\c{fuchsia}\c{aqua}\c{blue}$

Ungolf'd:

$$
\def\coloredBox#1{\color{#1}{\rule{5em}{5em}}}
\coloredBox{red}
\coloredBox{yellow}
\coloredBox{fuchsia} \\
\coloredBox{yellow}
\coloredBox{lime}
\coloredBox{aqua}    \\
\coloredBox{fuchsia}
\coloredBox{aqua}
\coloredBox{blue}
$$

Зміни:

1. Дякуємо @flawr, що вказав, як виправити кольори!

2. $14\,\text{bytes}$\rule{5em}{5em}▉

   $$\def\d#1{\color{#1}{▉}} \d{red} \d{yellow} \d{fuchsia} \\ \d{yellow} \d{lime} \d{aqua} \\ \d{fuchsia} \d{aqua} \d{blue}$$

   , але просто не виглядає зовсім однаково.

3. Можливо, можна було б відточити ще декілька байтів, знайшовши назви кольорів, які прийнятно нагадують призначені кольори.

4. $\mathrm{\TeX}\text{'d}$

   $${\newcommand{\rotate}[2]{{\style{transform-origin: center middle; display: inline-block; transform: rotate(#1deg); padding: 50px}{#2}}}} {\def\place#1#2#3{\smash{\rlap{\hskip{#1em}\raise{#2em}{#3}}}}} {\def\placeBox#1#2#3{\place{#1}{#2}{\color{#3}{\rule{5em}{5em}}}}} {\def\placeLabelTop#1#2#3{\place{#1}{#2}{\large{\textbf{#3}}}}} {\def\placeLabelLeft#1#2#3{\place{#1}{#2}{\rotate{-90}{\large{\textbf{#3}}}}}} \placeLabelTop{1.1}{15.5}{Red} \placeLabelTop{5.5}{15.5}{Green} \placeLabelTop{11.2}{15.5}{Blue} \placeLabelLeft{-6.2}{13.6}{Red} \placeLabelLeft{-7.1}{8.5}{Green} \placeLabelLeft{-6.5}{3.5}{Blue} \placeBox{0}{10}{red} \placeBox{5}{10}{yellow} \placeBox{10}{10}{fuchsia} \placeBox{0}{5}{yellow} \placeBox{5}{5}{lime} \placeBox{10}{5}{aqua} \placeBox{0}{0}{fuchsia} \placeBox{5}{0}{aqua} \placeBox{10}{0}{blue} \place{15.1}{0}{\large{.}} \phantom{\rule{15em}{16.5em}}$$

Lua + LÖVE / Love2D , 186 183 байт

t={[0>1]=0,[0<1]=1}l=love g=l.graphics function l.draw()for i=1,3 do for j=1,3 do g.setColor(t[i<2 or j<2],t[i==2 or j==2],t[i>2 or j>2])g.rectangle('fill',j*10,i*10,10,10)end end end

Спробуйте в Інтернеті!

Мій перший запис про гольф з кодом!

MATL, 44 23 21 20 19 байт

Прямий порт моєї відповіді Octave з пропозиціями від @ExpiredData та @LuisMendo.

126973007Bo7B3*e0YG

спробуйте в Інтернеті

Октава / MATLAB , 57 56 40 байт

-17 байт завдяки @ExpiredData! Перевірте їх рівномірний гольфіст !

image(reshape(de2bi(126973007),[3,3,3]))

Спробуйте в Інтернеті!

Факторна струнна схема, 705 байт

Я визнаю, я просто розсуваю межі того, що вважається рішенням.

0eNrdWNGOqyAQ/ReedeNo0daH/ZHNTYOW7ZJFNAi91zT99wua7ZpdaaT1pb40oQ6HOecwA3pGBde0kUwolJ8RK2vRovztjFp2FITb/1TXUJQjpmiFAiRIZUdtzYkMGyIoR5cAMXGg/1AOlz8BokIxxegA0w+6vdBVQaUJuAKQstSV5kTV0qA2dWvm1MKuZ3FecIA6lIf4BV8uwS+YeDKPXzBhPKAkUxjJPAy4AbG5QljZFBEqLOuqYGKa1Vc6YAQzE5Ss+b6gH+TETLQJeWdcUemQ/8Sk0oSPHOgjQkkPqMfT1kEYWzEsI2hpc2gtFtgfO2NkDTMjbIKnCOLv1SrCechJ1UzwSm7zKpksNVN78+xwnffOZKv2s2kS0akPJo4D10FslEd2UDVE9oLn6NU+1i01S/HaKqmkpvNl2DhkSGfJEK1Eha1DhWyWCmvZCzuHCtu7aj5asuQ7ynn99/GqT0f07BjAwXnnx3kohEW7XMPE5+OEs5+EUwdhiL4T0IVh3LNzHlMwfUoB+LTPeK19A2LPkoGbety1f46SUvH4BoLExTHxOCKe3mmIXTJ43ogGp5MlnS47soTR+GeryFyUscex+PzOu65IkPr0OrzW2wFkHn0Ar3c3eN6S4pt63NUH7GvtAn3AafTOo+yf3+jhbDcv9/1XgHz00SBAJ+NNn3uWRJDiDcDWXIf+Aya7oEk=

Отриманий результат при розміщенні в грі (використовуються низькі параметри графіки):

Щоб довести, що це правильне рішення, вам потрібно пробити цю сітку пікселів, які точно відповідають специфікації:

Решта зображення класифікується як рамка або інтервал, який, як сказано в запитанні, не має значення.

Октава , 38 байт

image(reshape(de2bi(126973007),3,3,3))

Спробуйте в Інтернеті!

HTML / CSS, 278 141 137 байт

r{color:red}y{color:#ff0}m{color:#f0f}g{color:#0f0}c{color:#0ff}l{color:#00f

<pre><r>█<y>█<m>█
<y>█<g>█<c>█
<m>█<c>█<l>█

-137 байт завдяки коментаторам, особливо @data
-4 байти завдяки @Einacio

Використовує Unicode █(U + 2588) для "блоків" і використовує класи CSS / стиль вбудованого кольору для їх забарвлення.

Я думаю, що <font>мітки можуть бути більше в гольфі, однак змінюючи їх на коротший тег, наприклад, <a>порушує colorатрибут

JavaScript, 108 102 байти

console.log(`%c█%c█%c█
`.repeat(3),...[...`320251014`].map(c=>`color:#`+`f0ff00f0`.substr(c,3)))

Немає фрагмента, оскільки це працює лише в реальній консолі браузера, а не в консолі фрагмента. Редагування: Дякую @AJFaraday за знімок екрана. Пояснення: Браузери дозволяють першому параметру console.logвключати підстановки. %cПідстановки приймає параметр і застосовує його в якості (продезінфікувати) CSS. █Отже, кожен блок кольоровий, використовуючи відповідну підрядку, що f0ff00f0інтерпретується як три шестизначний код кольору.

HTML (GIF), 108 байт

Це битва веб-форматів зображень! (Будь-які претенденти на TIF чи JPG там?)

Відповідь @AC .

<img src=data:image/gif;base64,R0lGODdhAwADAMIGAAAA//8AAP8A/wD/AAD/////AAAAAAAAACwAAAAAAwADAAADBhglNSQEJAA7>

HTML (BMP), 116 115 байт

Відповідь лише @ ASCII .

<img src=data:image/bmp;base64,Qk0+AAAAQVNDTxoAAAAMAAAAAwADAAEAGAD/AP///wD/AAAAAAAA//8A/wD//wAAAAAAAP8A////AP8AAAA>

HTML (WebP), 116 байт

Відповідь @Hohmannfan .

<img src=data:image/webp;base64,UklGRjYAAABXRUJQVlA4TCoAAAAvAoAAAC8gEEjaH3qN+RcQFPk/2vwHH0QCg0I2kuDYvghLcAoX0f/4Hgc>

HTML (PNG), 151 136 135 байт

-15 байт завдяки @Hohmannfan .

<img src=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAFElEQVR4AWP4z8Dw/z8DEIIodB4A4D0O8pOGuTgAAAAASUVORK5CYII>

Також дивіться мої відповіді на CSS та SVG .

dc (на xterm), 64 байти

Fi16[AP]sF36dD6r31 101dD6rD1[1CP61P[38;5;]Pn[mX]Pz3%0=Fz0<M]dsMx

Ви просто отримаєте купу нерозумних кодів втечі замість кольорів, але все ж можете спробувати його в Інтернеті!

На моє розуміння, 16 основних кольорів ANSI можуть бути інтерпретовані, як не хоче термінал. З іншого боку, 216 кольорів у кольоровому кубі xterm мають явні значення RGB. Я використовую ці коди та друкую сітку Xs:

Спочатку встановлюємо вхідний радіус на базу 15 с Fi. Це коштує два байти, але дає три, тому ... чистий приріст байта (і велика втрата читання). Далі ми намагаємося встановити наші кольорові значення на стек. У десятковій частині це було б 21 51 201 51 46 226 201 226 196, але ми перебуваємо в дурному режимі, так і буде 16 36 D6 36 31 101 D6 101 D1. Ми усуваємо один з пробілів, намітивши макрос, який нам потрібно визначити в якийсь момент [AP]sF(який просто друкує канал рядка). Ми можемо скорочуватися36 D6 36 і 101 D6 101, розміщуючи перше значення на стеці, дублюючи його, розміщуючи друге, а потім поміняючи ( 36dD6r, 101dD6r).

Макрос Mобробляє друк та інше. 1CPдрукує символ втечі. Кронштейни використовуються для поділу рядків, і, наскільки я знаю , НЕ можливість виходу, так що ми повинні надрукувати дужку зі значенням ASCII , а також, 61P. [38;5;]Pце "встановити колір переднього плану з коду пронумерованого списку". nдрукує значення у верхній частині стека без нового рядка, виводячи його. [mX]Pзакінчує код і друкує "X". z3%0=Fперевіряє глибину стеку mod 3, за необхідності запускаючи наш макрос подачі рядків F. z0<Mпродовжує Mпрацювати, поки на стеку є речі. dsMxбігти.

Зауважте, що якщо запустити це у dc у xterm, він залишить ваш колір переднього плану синім. 1CP61P74P(вхід, показаний на скріншоті), повинен скинути це.

Блокова черепаха, 45 блоків

Спробуйте в Інтернеті!

Як насчет маленької гри, щоб знайти найсмішніший інструмент для роботи?

Вихід:

Програма (як скріншот для додаткової єресі):

Примітка: Сірі блоки також враховуються до метрики.

Node.js, 79 байт

require('fs').writeFile(a='P',a+[...'3331100110101110010011101011001'].join` `)

Створює файл під назвою "P" у форматі PPM, що містить кольорову сітку.

TI-Basic, х байт (набирає бал, коли зможу)

Примітка: фільтр вмісту не дозволяє мені шукати розміри токенів для кожної з цих команд. Якщо хтось хоче забити за мене, ідіть на це.

TextColor(11
Text(0,0,"0"
TextColor(19
Text(0,2,"0"
Text(2,0,"0"
TextColor(13
Text(4,0,"0"
Text(0,4,"0"
TextColor(14
Text(2,2,"0"
TextColor(18
Text(2,4,"0"
Text(4,2,"0"
TextColor(17
Text(4,4,"0"

Це виглядає дуже погано на моєму маленькому екрані калькулятора. Але ей, форма не має значення: ^)

Вихід гольфу: Модифікований на 8 разів більший вихід:

TI-BASIC, х байт

Використання Pxl-On замість тексту:

Pxl-On(0,0,11
Pxl-On(0,1,19
Pxl-On(0,2,13
Pxl-On(1,0,19
Pxl-On(1,1,14
Pxl-On(1,2,18
Pxl-On(2,0,13
Pxl-On(2,1,18
Pxl-On(2,2,17

Вихід: підірваний ~ 11x:

C ++, SFML, 177 байт

#include<SFML/Graphics.hpp>
int d[]={255,65535,0xFF00FF,65535,65280,0xFFFF00,0xFF00FF,0xFFFF00,0xFF0000};void f(){sf::Image g;g.create(3,3,(sf::Uint8*)d);g.saveToFile("a.jpg");}

Використовує sf::Image::create(int,int,unsigned char*)метод для створення зображення із значеннями rgb

C #, 248 204 198 байт

class P{static void Main(){for(int i=0;i<12;i++){foreach(dynamic n in Enum.GetValues(typeof(ConsoleColor)))if((""+n)[0]=="RYMRYGCRMCBR"[i])Console.BackgroundColor=n;Console.Write(i%4<3?" ":"\n");}}}

Вихід:

BASIC C64, 106 байт

0 POKE53281,0
1 DATA144,28,158,156,144,13,158,30,159,144,13,156,159,31,144
2 READA:PRINTCHR$(A)+"o";:GOTO2

Мова Вольфрама (Mathematica), 72 байти

Grid@Partition[RGBColor/@Unitize[Total/@Tuples[IdentityMatrix@3,{2}]],3]