| AleXStam | Дата: Вторник, 2025-03-11, 11:35 | Сообщение # 1 |
Генералиссимус
Группа: Администраторы
Сообщений: 69
Награды: 1
Репутация: 10003
Статус: Оффлайн
| <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Переключение формата цвета</title>
<style>
.color-code {
cursor: pointer;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<p>Цвет: <span id="colorCode" class="color-code">#000000</span></p>
<script>
function hexToRgb(hex) {
// Убираем символ #, если он есть
hex = hex.replace(/^#/, '');
// Преобразуем шестнадцатеричное значение в RGB
let bigint = parseInt(hex, 16);
let r = (bigint >> 16) & 255;
let g = (bigint >> 8) & 255;
let b = bigint & 255;
return `rgb(${r}, ${g}, ${b})`;
}
function toggleColorFormat() {
let colorCodeElement = document.getElementById('colorCode');
let currentColor = colorCodeElement.textContent;
if (currentColor.startsWith('#')) {
// Если текущий формат HEX, преобразуем в RGB
colorCodeElement.textContent = hexToRgb(currentColor);
} else {
// Если текущий формат RGB, преобразуем обратно в HEX
let rgbValues = currentColor.match(/\d+/g);
let hexColor = '#' + ((1 << 24) + (parseInt(rgbValues[0]) << 16) + (parseInt(rgbValues[1]) << 8) + parseInt(rgbValues[2])).toString(16).slice(1);
colorCodeElement.textContent = hexColor;
}
}
// Добавляем обработчик события на клик
document.getElementById('colorCode').addEventListener('click', toggleColorFormat);
</script>
</body>
</html>
|
|
|
| |
| AleXStam | Дата: Вторник, 2025-03-11, 11:55 | Сообщение # 2 |
|
Генералиссимус
Группа: Администраторы
Сообщений: 69
Награды: 1
Репутация: 10003
Статус: Оффлайн
| <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Переключение формата цвета</title>
<style>
.color-code {
cursor: pointer;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<p>Цвет: <span id="colorCode" class="color-code">#000000</span></p>
<script>
// Функция для преобразования HEX в RGB
function hexToRgb(hex) {
// Убираем символ #, если он есть
hex = hex.replace(/^#/, '');
// Преобразуем шестнадцатеричное значение в RGB
let r = parseInt(hex.substring(0, 2), 16);
let g = parseInt(hex.substring(2, 4), 16);
let b = parseInt(hex.substring(4, 6), 16);
return `rgb(${r}, ${g}, ${b})`;
}
// Функция для преобразования RGB в HEX
function rgbToHex(rgb) {
// Извлекаем значения R, G, B из строки RGB
let [r, g, b] = rgb.match(/\d+/g).map(Number);
// Преобразуем каждое значение в HEX и объединяем
return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
}
// Функция для переключения формата цвета
function toggleColorFormat() {
let colorCodeElement = document.getElementById('colorCode');
let currentColor = colorCodeElement.textContent;
if (currentColor.startsWith('#')) {
// Если текущий формат HEX, преобразуем в RGB
colorCodeElement.textContent = hexToRgb(currentColor);
} else {
// Если текущий формат RGB, преобразуем обратно в HEX
colorCodeElement.textContent = rgbToHex(currentColor);
}
}
// Добавляем обработчик события на клик
document.getElementById('colorCode').addEventListener('click', toggleColorFormat);
</script>
</body>
</html>
|
|
|
| |
| AleXStam | Дата: Среда, 2025-03-12, 11:33 | Сообщение # 3 |
|
Генералиссимус
Группа: Администраторы
Сообщений: 69
Награды: 1
Репутация: 10003
Статус: Оффлайн
| <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Геологический крап</title>
<style>
.rectangle {
width: 300px;
height: 200px;
border: 2px solid #000;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="5" fill="%23ccc"/></svg>');
background-size: 20px 20px;
}
</style>
</head>
<body>
<div class="rectangle"></div>
</body>
</html>
|
|
|
| |
