Редактирование: Отображение цветов на компьютере

Перейти к: навигация, поиск

Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.

Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия Ваш текст
Строка 1: Строка 1:
 
[[Виртуальная лаборатория]] > [[Отображение цветов на компьютере]] <HR>
 
[[Виртуальная лаборатория]] > [[Отображение цветов на компьютере]] <HR>
 +
  
 
== Спектральная палитра ==
 
== Спектральная палитра ==
  
 
''Жирным шрифтом выделены 7 основных спектральных цветов''
 
''Жирным шрифтом выделены 7 основных спектральных цветов''
−
<htmlet nocache="yes">Tcvetkov/Color_models/Colors_on_computer_TM</htmlet>
 
−
 
−
Скачать программу: [[Медиа:Colors_on_computer.zip|Colors_on_computer.zip]]
 
−
<div class="mw-collapsible mw-collapsed" style="width:100%" >
 
−
'''Текст программы на языке JavaScript (разработчики [[Кривцов Антон]], [[Цветков Денис]]):''' <div class="mw-collapsible-content">
 
−
Файл '''"Colors_on_computer.js"'''
 
−
<syntaxhighlight lang="javascript" line start="1" enclose="div">
 
−
function Main_Colors_on_computer() {
 
−
    var xx = "BB";
 
−
    xx_text.value = xx;
 
−
    xx_range.value = parseInt(xx, 16);
 
−
 
−
    var colors = [];
 
−
    colors.push({color_xx:"#FF0000", name:"красный",          font:"bold"});
 
−
    colors.push({color_xx:"#FFxx00", name:"оранжевый",        font:"bold"});
 
−
    colors.push({color_xx:"#FFFF00", name:"желтый",            font:"bold"});
 
−
    colors.push({color_xx:"#xxFF00", name:"желто-зеленый",    font:""});
 
−
    colors.push({color_xx:"#00FF00", name:"зеленый",          font:"bold"});
 
−
    colors.push({color_xx:"#00FFxx", name:"зелено-голубой",    font:""});
 
−
    colors.push({color_xx:"#00FFFF", name:"голубой",          font:"bold"});
 
−
    colors.push({color_xx:"#00xxFF", name:"голобой-синий",    font:""});
 
−
    colors.push({color_xx:"#0000FF", name:"синий",            font:"bold"});
 
−
    colors.push({color_xx:"#xx00FF", name:"фиолетовый",        font:"bold"});
 
−
    colors.push({color_xx:"#FF00FF", name:"сиреневый",        font:""});
 
−
    colors.push({color_xx:"#FF00xx", name:"пурпурный",        font:""});
 
−
 
−
    function get_color(color_xx) {                          // ф-ия заменяет символы "xx" на содержимое переменной xx
 
−
        if (color_xx.indexOf("xx") == -1) return color_xx;
 
−
        else return color_xx.replace("xx", xx);
 
−
    }
 
−
    function refresh_table() {                              // обновление таблицы цветов
 
−
        for (var i = 0; i < colors.length; i++) {
 
−
            var color = get_color(colors[i].color_xx);
 
−
            document.getElementById('color' + i).style.backgroundColor = color;
 
−
            document.getElementById('name' + i).innerHTML = color.substring(1);
 
−
        }
 
−
    }
 
−
    this.set_xx = function(color) {                        // 0 <= color <= 255
 
−
        xx = color.toString(16).toUpperCase();
 
−
        if (xx.length == 1) xx = "0" + xx;
 
−
        refresh_table();
 
−
    };
 
−
    xx_range.oninput = function() {
 
−
        app.set_xx(parseInt(this.value));
 
−
        var text = (parseInt(this.value)).toString(16).toUpperCase();
 
−
        if (text.length == 1) text = '0' + text;
 
−
        xx_text.value = text;
 
−
    };
 
−
    xx_text.oninput = function() {
 
−
        if (!this.checkValidity()) return;
 
−
        app.set_xx(parseInt(this.value, 16));
 
−
        xx_range.value = parseInt(this.value, 16);
 
−
    };
 
  
−
    // генерация таблицы
+
{| border=1 style="text-align:center"
−
    for (var i = 0; i < colors.length; i++) {
+
!bgcolor=#DDDDDD width="30%"|Цвет
−
        var tr = "";
+
!bgcolor=#DDDDDD|Код
−
        tr += '<tr><td id="color' + i + '" style=" width:60px; height:21px;"></td>' +
+
!bgcolor=#DDDDDD|Название
−
            '<td id="name' + i + '"></td>' +
+
|-
−
            '<td><span style="font: ' + colors[i].font + ' 10pt sans-serif;">' + colors[i].name + '</span></td></tr>';
+
|bgcolor=#FF0000|
−
        color_table.innerHTML += tr;
+
|FF0000
−
    }
+
|'''красный'''
 +
|-
 +
|bgcolor=#FFBB00|
 +
|FFBB00
 +
|'''оранжевый'''
 +
|-
 +
|bgcolor=#FFFF00|
 +
|FFFF00
 +
|'''желтый'''
 +
|-
 +
|bgcolor=#BBFF00|
 +
|BBFF00
 +
|желто-зеленый
 +
|-
 +
|bgcolor=#00FF00|
 +
|00FF00
 +
|'''зеленый'''
 +
|-
 +
|bgcolor=#00FFBB|
 +
|00FFBB
 +
|зелено-голубой
 +
|-
 +
|bgcolor=#00FFFF|
 +
|00FFFF
 +
|'''голубой'''
 +
|-
 +
|bgcolor=#00BBFF|
 +
|00BBFF
 +
|голубой-синий
 +
|-
 +
|bgcolor=#0000FF|
 +
|0000FF
 +
|'''синий'''
 +
|-
 +
|bgcolor=#BB00FF|
 +
|BB00FF
 +
|'''фиолетовый'''
 +
|-
 +
|bgcolor=#FF00FF|
 +
|FF00FF
 +
|align=center|сиреневый
 +
|-
 +
|}
  
−
    refresh_table();
 
−
}
 
−
</syntaxhighlight>
 
−
Файл '''"Colors_on_computer.html"'''
 
−
<syntaxhighlight lang="html5" line start="1" enclose="div">
 
−
<!DOCTYPE html>
 
−
<html>
 
−
<head>
 
−
    <meta charset="UTF-8" />
 
−
    <title>Отображение цветов на компьютере</title>
 
−
    <script src="Colors_on_computer.js"></script>
 
−
</head>
 
−
<body>
 
−
    <table id="color_table" border=1 style="text-align: center">
 
−
        <tr style="text-align: center; background-color: #DDDDDD">
 
−
            <td>Цвет</td>
 
−
            <td style="width:60px;">Код</td>
 
−
            <td>Название</td>
 
−
        </tr>
 
−
    </table><br>
 
  
−
    <input type="range" id="xx_range" min=0 max=255>
+
{{#ifgroup:sysop|
−
    <input id="xx_text" style="width: 2em;" required pattern="^([A-Fa-f0-9]{2})$">
+
'''Архив''' <toggledisplay status=hide showtext="показать↓" hidetext="скрыть↑" linkstyle="font-size:default">
 +
{| border=1
 +
!bgcolor=#DDDDDD|-Цвет-!!bgcolor=#DDDDDD|Название!!bgcolor=#DDDDDD|Код
 +
|-
 +
|bgcolor=#FF0000|
 +
|align=center|'''красный'''
 +
|<span style="color:#ff0000">FF</span><span style="color:#00ff00">00</span><span style="color:#0000ff">00</span>
 +
|-
 +
|bgcolor=#FFBB00|
 +
|align=center|'''оранжевый'''
 +
|<span style="color:#ff0000">FF</span><span style="color:#00ff00">BB</span><span style="color:#0000ff">00</span>
 +
|-
 +
|bgcolor=#FFFF00|
 +
|align=center|'''желтый'''
 +
|<span style="color:#ff0000">FF</span><span style="color:#00ff00">FF</span><span style="color:#0000ff">00</span>
 +
|-
 +
|bgcolor=#BBFF00|
 +
|align=center|желто-зеленый
 +
|<span style="color:#ff0000">BB</span><span style="color:#00ff00">FF</span><span style="color:#0000ff">00</span>
 +
|-
 +
|bgcolor=#00FF00|
 +
|align=center|'''зеленый'''
 +
|<span style="color:#ff0000">00</span><span style="color:#00ff00">FF</span><span style="color:#0000ff">00</span>
 +
|-
 +
|bgcolor=#00FFBB|
 +
|align=center|зелено-голубой
 +
|<span style="color:#ff0000">00</span><span style="color:#00ff00">FF</span><span style="color:#0000ff">BB</span>
 +
|-
 +
|bgcolor=#00FFFF|
 +
|align=center|'''голубой'''
 +
|<span style="color:#ff0000">00</span><span style="color:#00ff00">FF</span><span style="color:#0000ff">FF</span>
 +
|-
 +
|bgcolor=#00BBFF|
 +
|align=center|голубой-синий
 +
|<span style="color:#ff0000">00</span><span style="color:#00ff00">BB</span><span style="color:#0000ff">FF</span>
 +
|-
 +
|bgcolor=#0000FF|
 +
|align=center|'''синий'''
 +
|<span style="color:#ff0000">00</span><span style="color:#00ff00">00</span><span style="color:#0000ff">FF</span>
 +
|-
 +
|bgcolor=#BB00FF|
 +
|align=center|'''фиолетовый'''
 +
|<span style="color:#ff0000">BB</span><span style="color:#00ff00">00</span><span style="color:#0000ff">FF</span>
 +
|-
 +
|bgcolor=#FF00FF|
 +
|align=center|сиреневый
 +
|<span style="color:#ff0000">FF</span><span style="color:#00ff00">00</span><span style="color:#0000ff">FF</span>
 +
|-
 +
|}
  
−
    <script type="text/javascript">var app = new Main_Colors_on_computer();</script>
+
</toggledisplay>
−
</body>
 
−
</html>
 
−
</syntaxhighlight>
 
−
</div>
 
−
</div>
 
−
== См. также ==
 
−
*[[Различные цветовые модели и их использование]]
 
−
*[[Отображение цветов на компьютере - wiki-таблица | Отображение цветов на компьютере (таблица без Javascript)]]
 
  
−
[[Category: Виртуальная лаборатория]]
+
}}
Вам запрещено изменять защиту статьи.
Связанное содержимое ↓
Edit Создать редактором
Шаблоны быстрого доступа

Обратите внимание, что все добавления и изменения текста статьи рассматриваются как выпущенные на условиях лицензии Public Domain (см. Department of Theoretical and Applied Mechanics:Авторские права). Если вы не хотите, чтобы ваши тексты свободно распространялись и редактировались любым желающим, не помещайте их сюда.
Вы также подтверждаете, что являетесь автором вносимых дополнений или скопировали их из источника, допускающего свободное распространение и изменение своего содержимого.
НЕ РАЗМЕЩАЙТЕ БЕЗ РАЗРЕШЕНИЯ МАТЕРИАЛЫ, ОХРАНЯЕМЫЕ АВТОРСКИМ ПРАВОМ!

To protect the wiki against automated edit spam, we kindly ask you to solve the following CAPTCHA:

Отменить | Справка по редактированию  (в новом окне)
Источник — «http://tm.spbstu.ru/Отображение_цветов_на_компьютере»