<![CDATA[
<!DOCTYPE html>
<html lang="hu">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 20px;
background: #eeeeee;
font-family: Arial, sans-serif;
color: #222;
}
.container {
max-width: 1000px;
margin: auto;
}
h1 {
text-align: center;
margin-bottom: 30px;
}
.box {
background: white;
padding: 24px;
margin-bottom: 20px;
border-radius: 14px;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
/* =====================================================
1. LÉPÉS
===================================================== */
.color {
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 15px;
border-radius: 12px;
}
.color:last-child {
margin-bottom: 0;
}
.color-header {
display: flex;
align-items: center;
gap: 30px;
}
.color-title {
min-width: 180px;
}
.color-title h3 {
margin: 0 0 15px 0;
}
/* =====================================================
SZÍNVÁLASZTÓ + AKTUÁLIS SZÍN
===================================================== */
.color-selection {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}
.picker {
width: 250px;
}
.color-area {
position: relative;
width: 250px;
height: 160px;
border-radius: 9px;
overflow: hidden;
cursor: crosshair;
background:
linear-gradient(to bottom, transparent, #000),
linear-gradient(to right, #fff, #ff0000);
}
.color-cursor {
position: absolute;
width: 17px;
height: 17px;
border: 2px solid white;
box-shadow: 0 0 0 1px #222;
border-radius: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.hue {
width: 250px;
height: 23px;
margin-top: 9px;
border-radius: 6px;
background:
linear-gradient(
to right,
#ff0000,
#ffff00,
#00ff00,
#00ffff,
#0000ff,
#ff00ff,
#ff0000
);
position: relative;
cursor: pointer;
}
.hue-cursor {
position: absolute;
top: 50%;
width: 8px;
height: 29px;
background: white;
border: 2px solid #222;
border-radius: 3px;
transform: translate(-50%, -50%);
pointer-events: none;
}
/* =====================================================
AKTUÁLIS SZÍN
===================================================== */
.current-color {
width: 180px;
}
.current-color-box {
width: 180px;
height: 130px;
border-radius: 12px;
border: 1px solid #aaa;
box-shadow:
inset 0 0 10px rgba(0,0,0,0.1);
}
.current-color-title {
font-weight: bold;
margin-bottom: 8px;
}
.color-code {
margin-top: 10px;
font-family: monospace;
font-size: 14px;
line-height: 1.7;
color: #555;
}
/* =====================================================
RGB
===================================================== */
.rgb-wrapper {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.rgb-label {
font-weight: bold;
}
.rgb-input {
width: 170px;
padding: 10px;
font-size: 16px;
font-family: monospace;
border: 1px solid #ccc;
border-radius: 7px;
}
/* =====================================================
2. LÉPÉS
===================================================== */
.target-picker-area {
display: flex;
align-items: flex-start;
gap: 30px;
flex-wrap: wrap;
}
.target-current {
width: 200px;
}
.target-current-box {
width: 200px;
height: 150px;
border-radius: 12px;
border: 1px solid #aaa;
}
/* =====================================================
LEGKÖZELEBBI SZÍN
===================================================== */
.closest-box {
margin-top: 30px;
border: 1px solid #ddd;
border-radius: 12px;
padding: 20px;
}
.closest-result {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.closest-color {
width: 180px;
height: 120px;
border-radius: 10px;
border: 1px solid #aaa;
}
.closest-info {
font-size: 16px;
line-height: 1.8;
}
.rgb {
font-family: monospace;
color: #555;
}
.distance {
margin-top: 10px;
padding: 10px 13px;
background: #f4f4f4;
border-radius: 7px;
}
/* =====================================================
3. LÉPÉS
===================================================== */
.bar-container {
margin: 25px 0;
}
.bar-label {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-weight: bold;
}
.bar {
height: 34px;
background: #ddd;
border-radius: 20px;
overflow: hidden;
}
.bar-fill {
height: 100%;
width: 0%;
transition: width 0.25s ease;
}
.red {
background: #e53935;
}
.yellow {
background: #f2c400;
}
.blue {
background: #286bd6;
}
/* =====================================================
MENNYISÉGEK
===================================================== */
.amounts {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 15px;
margin-top: 15px;
}
.amount {
padding: 20px;
background: #f5f5f5;
border-radius: 10px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.info {
padding: 15px;
background: #f5f5f5;
border-radius: 8px;
margin-top: 20px;
}
button {
border: none;
background: #222;
color: white;
padding: 11px 18px;
border-radius: 8px;
cursor: pointer;
font-size: 15px;
}
button:hover {
background: #444;
}
/* =====================================================
MOBIL
===================================================== */
@media (max-width: 700px) {
.color-header {
flex-direction: column;
align-items: flex-start;
}
.color-title {
min-width: auto;
}
.amounts {
grid-template-columns: 1fr;
}
}
</style>
<body>
<div class="container">
<!-- =====================================================
1. LÉPÉS
===================================================== -->
<div class="box">
<h2>1. Alapszínek</h2>
<p>
Állítsd be a három rendelkezésre álló festék pontos színét.
</p>
<!-- ================= PIROS ================= -->
<div class="color">
<div class="color-header">
<div class="color-title">
<h3>🔴 Piros festék</h3>
<div class="color-selection">
<div class="picker">
<div
id="redArea"
class="color-area">
<div
id="redCursor"
class="color-cursor">
</div>
</div>
<div
id="redHue"
class="hue">
<div
id="redHueCursor"
class="hue-cursor">
</div>
</div>
</div>
<div class="current-color">
<div class="current-color-title">
Jelenlegi szín
</div>
<div
id="redCurrent"
class="current-color-box">
</div>
<div
id="redCode"
class="color-code">
</div>
</div>
</div>
<div class="rgb-wrapper">
<span class="rgb-label">
RGB:
</span>
<input
id="redRgb"
class="rgb-input"
type="text"
value="255, 0, 0">
</div>
</div>
</div>
</div>
<!-- ================= SÁRGA ================= -->
<div class="color">
<div class="color-header">
<div class="color-title">
<h3>🟡 Sárga festék</h3>
<div class="color-selection">
<div class="picker">
<div
id="yellowArea"
class="color-area">
<div
id="yellowCursor"
class="color-cursor">
</div>
</div>
<div
id="yellowHue"
class="hue">
<div
id="yellowHueCursor"
class="hue-cursor">
</div>
</div>
</div>
<div class="current-color">
<div class="current-color-title">
Jelenlegi szín
</div>
<div
id="yellowCurrent"
class="current-color-box">
</div>
<div
id="yellowCode"
class="color-code">
</div>
</div>
</div>
<div class="rgb-wrapper">
<span class="rgb-label">
RGB:
</span>
<input
id="yellowRgb"
class="rgb-input"
type="text"
value="255, 255, 0">
</div>
</div>
</div>
</div>
<!-- ================= KÉK ================= -->
<div class="color">
<div class="color-header">
<div class="color-title">
<h3>🔵 Kék festék</h3>
<div class="color-selection">
<div class="picker">
<div
id="blueArea"
class="color-area">
<div
id="blueCursor"
class="color-cursor">
</div>
</div>
<div
id="blueHue"
class="hue">
<div
id="blueHueCursor"
class="hue-cursor">
</div>
</div>
</div>
<div class="current-color">
<div class="current-color-title">
Jelenlegi szín
</div>
<div
id="blueCurrent"
class="current-color-box">
</div>
<div
id="blueCode"
class="color-code">
</div>
</div>
</div>
<div class="rgb-wrapper">
<span class="rgb-label">
RGB:
</span>
<input
id="blueRgb"
class="rgb-input"
type="text"
value="0, 0, 255">
</div>
</div>
</div>
</div>
</div>
<!-- =====================================================
2. LÉPÉS
===================================================== -->
<div class="box">
<h2>2. Válaszd ki a kívánt színt</h2>
<p>
Válaszd ki azt a színt, amit szeretnél kikeverni.
</p>
<div class="target-picker-area">
<div class="picker">
<div
id="targetArea"
class="color-area">
<div
id="targetCursor"
class="color-cursor">
</div>
</div>
<div
id="targetHue"
class="hue">
<div
id="targetHueCursor"
class="hue-cursor">
</div>
</div>
</div>
<div class="target-current">
<div
id="targetCurrent"
class="target-current-box">
</div>
<div
id="targetCode"
class="color-code">
</div>
</div>
</div>
<!-- ================= LEGKÖZELEBBI ================= -->
<div class="closest-box">
<h3>
🧪 Legközelebbi kikeverhető szín
</h3>
<div class="closest-result">
<div
id="closestDisplay"
class="closest-color">
</div>
<div class="closest-info">
<div>
<strong>RGB:</strong>
<span
id="closestRgb"
class="rgb">
</span>
</div>
<div>
<strong>HEX:</strong>
<span
id="closestHex"
class="rgb">
</span>
</div>
<div
id="distance"
class="distance">
</div>
</div>
</div>
</div>
</div>
<!-- =====================================================
3. LÉPÉS
===================================================== -->
<div class="box">
<h2>3. Keverési recept</h2>
<p>
A program megkeresi azt az arányt, amellyel a három
alapszínből a lehető legközelebbi színt kapjuk.
</p>
<!-- PIROS -->
<div class="bar-container">
<div class="bar-label">
<span>
🔴 Piros
</span>
<span id="redPercent">
0%
</span>
</div>
<div class="bar">
<div
id="redBar"
class="bar-fill red">
</div>
</div>
</div>
<!-- SÁRGA -->
<div class="bar-container">
<div class="bar-label">
<span>
🟡 Sárga
</span>
<span id="yellowPercent">
0%
</span>
</div>
<div class="bar">
<div
id="yellowBar"
class="bar-fill yellow">
</div>
</div>
</div>
<!-- KÉK -->
<div class="bar-container">
<div class="bar-label">
<span>
🔵 Kék
</span>
<span id="bluePercent">
0%
</span>
</div>
<div class="bar">
<div
id="blueBar"
class="bar-fill blue">
</div>
</div>
</div>
<h3>
100 ml festékhez:
</h3>
<div class="amounts">
<div class="amount">
🔴 Piros
<br><br>
<span id="redMl">
0 ml
</span>
</div>
<div class="amount">
🟡 Sárga
<br><br>
<span id="yellowMl">
0 ml
</span>
</div>
<div class="amount">
🔵 Kék
<br><br>
<span id="blueMl">
0 ml
</span>
</div>
</div>
<div class="info">
<strong>Recept:</strong>
<div id="recipeText">
-
</div>
</div>
<br>
<button onclick="resetColors()">
Alapszínek visszaállítása
</button>
</div>
</div>
<script>
/* =====================================================
RGB / HEX
===================================================== */
function rgbToHex(rgb) {
return "#" +
rgb.map(function(v) {
return Math.round(v)
.toString(16)
.padStart(2, "0")
.toUpperCase();
}).join("");
}
function hexToRgb(hex) {
hex = hex.replace("#", "");
return [
parseInt(hex.substring(0,2),16),
parseInt(hex.substring(2,4),16),
parseInt(hex.substring(4,6),16)
];
}
/* =====================================================
RGB INPUT
===================================================== */
function getRgbFromInput(id) {
let values =
document.getElementById(id)
.value
.split(",")
.map(function(v) {
return Number(v.trim());
});
if (
values.length !== 3 ||
values.some(function(v) {
return isNaN(v);
})
) {
return null;
}
return values.map(function(v) {
return Math.max(
0,
Math.min(255,v)
);
});
}
/* =====================================================
RGB → HSL
===================================================== */
function rgbToHsl(r,g,b) {
r /= 255;
g /= 255;
b /= 255;
let max =
Math.max(r,g,b);
let min =
Math.min(r,g,b);
let h;
let s;
let l =
(max + min) / 2;
if(max === min) {
h = 0;
s = 0;
}
else {
let d =
max - min;
s =
l > .5
? d/(2-max-min)
: d/(max+min);
switch(max) {
case r:
h =
(g-b)/d +
(g<b ? 6:0);
break;
case g:
h =
(b-r)/d+2;
break;
case b:
h =
(r-g)/d+4;
break;
}
h /= 6;
}
return [
h*360,
s*100,
l*100
];
}
/* =====================================================
HSL → RGB
===================================================== */
function hslToRgb(h,s,l) {
h /= 360;
s /= 100;
l /= 100;
let r,g,b;
if(s === 0) {
r=g=b=l;
}
else {
function hueToRgb(p,q,t) {
if(t<0) t+=1;
if(t>1) t-=1;
if(t<1/6)
return p+(q-p)*6*t;
if(t<1/2)
return q;
if(t<2/3)
return p+(q-p)*(2/3-t)*6;
return p;
}
let q =
l<.5
? l*(1+s)
: l+s-l*s;
let p =
2*l-q;
r =
hueToRgb(
p,q,h+1/3
);
g =
hueToRgb(
p,q,h
);
b =
hueToRgb(
p,q,h-1/3
);
}
return [
Math.round(r*255),
Math.round(g*255),
Math.round(b*255)
];
}
/* =====================================================
SZÍNVÁLASZTÓ
===================================================== */
function createPicker(
areaId,
hueId,
cursorId,
hueCursorId,
initialRgb,
callback
) {
let rgb =
initialRgb.slice();
let hsl =
rgbToHsl(
rgb[0],
rgb[1],
rgb[2]
);
const area =
document.getElementById(areaId);
const hue =
document.getElementById(hueId);
const cursor =
document.getElementById(cursorId);
const hueCursor =
document.getElementById(hueCursorId);
function updateVisual() {
area.style.background =
"linear-gradient(to bottom, transparent, #000), " +
"linear-gradient(to right, #fff, hsl(" +
hsl[0] +
",100%,50%))";
cursor.style.left =
hsl[1] + "%";
cursor.style.top =
(100-hsl[2]) + "%";
hueCursor.style.left =
(hsl[0]/360*100) + "%";
}
function chooseArea(e) {
const rect =
area.getBoundingClientRect();
let x =
e.clientX -
rect.left;
let y =
e.clientY -
rect.top;
x =
Math.max(
0,
Math.min(
rect.width,
x
)
);
y =
Math.max(
0,
Math.min(
rect.height,
y
)
);
hsl[1] =
x/rect.width*100;
hsl[2] =
100 -
y/rect.height*100;
rgb =
hslToRgb(
hsl[0],
hsl[1],
hsl[2]
);
updateVisual();
callback(rgb);
}
function chooseHue(e) {
const rect =
hue.getBoundingClientRect();
let x =
e.clientX -
rect.left;
x =
Math.max(
0,
Math.min(
rect.width,
x
)
);
hsl[0] =
x/rect.width*360;
rgb =
hslToRgb(
hsl[0],
hsl[1],
hsl[2]
);
updateVisual();
callback(rgb);
}
function drag(element, fn) {
element.addEventListener(
"mousedown",
function(e) {
fn(e);
function move(ev) {
fn(ev);
}
function up() {
document.removeEventListener(
"mousemove",
move
);
document.removeEventListener(
"mouseup",
up
);
}
document.addEventListener(
"mousemove",
move
);
document.addEventListener(
"mouseup",
up
);
}
);
element.addEventListener(
"touchstart",
function(e) {
e.preventDefault();
function touch(ev) {
let touch =
ev.touches[0];
fn(touch);
}
touch(e);
},
{passive:false}
);
}
drag(area,chooseArea);
drag(hue,chooseHue);
updateVisual();
return {
setRgb: function(newRgb) {
rgb =
newRgb.slice();
hsl =
rgbToHsl(
rgb[0],
rgb[1],
rgb[2]
);
updateVisual();
}
};
}
/* =====================================================
KEVERÉS
===================================================== */
function mixColors(colors,weights) {
return [
colors[0][0]*weights[0] +
colors[1][0]*weights[1] +
colors[2][0]*weights[2],
colors[0][1]*weights[0] +
colors[1][1]*weights[1] +
colors[2][1]*weights[2],
colors[0][2]*weights[0] +
colors[1][2]*weights[1] +
colors[2][2]*weights[2]
];
}
/* =====================================================
TÁVOLSÁG
===================================================== */
function colorDistance(a,b) {
let dr =
a[0]-b[0];
let dg =
a[1]-b[1];
let db =
a[2]-b[2];
return Math.sqrt(
dr*dr+
dg*dg+
db*db
);
}
/* =====================================================
LEGJOBB KEVERÉSI ARÁNY
===================================================== */
function findBestMix(colors,target) {
let bestWeights =
[0,0,0];
let bestColor =
[0,0,0];
let bestDistance =
Infinity;
/*
Első keresés
*/
const step = 0.02;
for(
let r=0;
r<=1;
r+=step
) {
for(
let y=0;
y<=1-r;
y+=step
) {
let b =
1-r-y;
let weights =
[r,y,b];
let mixed =
mixColors(
colors,
weights
);
let distance =
colorDistance(
mixed,
target
);
if(
distance <
bestDistance
) {
bestDistance =
distance;
bestWeights =
weights;
bestColor =
mixed;
}
}
}
/*
Finomítás
*/
const centerR =
bestWeights[0];
const centerY =
bestWeights[1];
const fineStep =
0.002;
for(
let r=
Math.max(
0,
centerR-.04
);
r<=
Math.min(
1,
centerR+.04
);
r+=fineStep
) {
for(
let y=
Math.max(
0,
centerY-.04
);
y<=
Math.min(
1-r,
centerY+.04
);
y+=fineStep
) {
let b =
1-r-y;
if(b<0)
continue;
let weights =
[r,y,b];
let mixed =
mixColors(
colors,
weights
);
let distance =
colorDistance(
mixed,
target
);
if(
distance <
bestDistance
) {
bestDistance =
distance;
bestWeights =
weights;
bestColor =
mixed;
}
}
}
return {
weights:
bestWeights,
color:
bestColor,
distance:
bestDistance
};
}
/* =====================================================
AKTUÁLIS SZÍN MEGJELENÍTÉSE
===================================================== */
function showCurrent(
prefix,
rgb
) {
let hex =
rgbToHex(rgb);
document.getElementById(
prefix+"Current"
).style.background =
hex;
document.getElementById(
prefix+"Code"
).innerHTML =
"RGB(" +
rgb.map(Math.round).join(", ") +
")<br>" +
hex;
}
/* =====================================================
ALAPSZÍNEK
===================================================== */
function getBaseColors() {
return [
getRgbFromInput(
"redRgb"
) || [255,0,0],
getRgbFromInput(
"yellowRgb"
) || [255,255,0],
getRgbFromInput(
"blueRgb"
) || [0,0,255]
];
}
/* =====================================================
CÉL SZÍN
===================================================== */
let targetRgb =
[128,128,128];
/* =====================================================
FRISSÍTÉS
===================================================== */
function update() {
const colors =
getBaseColors();
const result =
findBestMix(
colors,
targetRgb
);
const mixed =
result.color;
const weights =
result.weights;
const hex =
rgbToHex(mixed);
/*
Legközelebbi szín
*/
document.getElementById(
"closestDisplay"
).style.background =
hex;
document.getElementById(
"closestRgb"
).textContent =
"RGB(" +
mixed.map(Math.round).join(", ") +
")";
document.getElementById(
"closestHex"
).textContent =
hex;
document.getElementById(
"distance"
).innerHTML =
"<strong>Színeltérés:</strong> " +
result.distance.toFixed(2);
/*
Arányok
*/
let red =
weights[0]*100;
let yellow =
weights[1]*100;
let blue =
weights[2]*100;
document.getElementById(
"redBar"
).style.width =
red+"%";
document.getElementById(
"yellowBar"
).style.width =
yellow+"%";
document.getElementById(
"blueBar"
).style.width =
blue+"%";
document.getElementById(
"redPercent"
).textContent =
red.toFixed(1)+"%";
document.getElementById(
"yellowPercent"
).textContent =
yellow.toFixed(1)+"%";
document.getElementById(
"bluePercent"
).textContent =
blue.toFixed(1)+"%";
/*
100 ml
*/
document.getElementById(
"redMl"
).textContent =
red.toFixed(1)+" ml";
document.getElementById(
"yellowMl"
).textContent =
yellow.toFixed(1)+" ml";
document.getElementById(
"blueMl"
).textContent =
blue.toFixed(1)+" ml";
/*
Recept
*/
document.getElementById(
"recipeText"
).innerHTML =
"🔴 " +
red.toFixed(1) +
"% piros + " +
"🟡 " +
yellow.toFixed(1) +
"% sárga + " +
"🔵 " +
blue.toFixed(1) +
"% kék";
}
/* =====================================================
PICKEREK
===================================================== */
const redPicker =
createPicker(
"redArea",
"redHue",
"redCursor",
"redHueCursor",
[255,0,0],
function(rgb) {
document.getElementById(
"redRgb"
).value =
rgb.join(", ");
showCurrent(
"red",
rgb
);
update();
}
);
const yellowPicker =
createPicker(
"yellowArea",
"yellowHue",
"yellowCursor",
"yellowHueCursor",
[255,255,0],
function(rgb) {
document.getElementById(
"yellowRgb"
).value =
rgb.join(", ");
showCurrent(
"yellow",
rgb
);
update();
}
);
const bluePicker =
createPicker(
"blueArea",
"blueHue",
"blueCursor",
"blueHueCursor",
[0,0,255],
function(rgb) {
document.getElementById(
"blueRgb"
).value =
rgb.join(", ");
showCurrent(
"blue",
rgb
);
update();
}
);
const targetPicker =
createPicker(
"targetArea",
"targetHue",
"targetCursor",
"targetHueCursor",
[128,128,128],
function(rgb) {
targetRgb =
rgb;
showCurrent(
"target",
rgb
);
update();
}
);
/* =====================================================
RGB MEZŐK
===================================================== */
document.getElementById(
"redRgb"
).addEventListener(
"change",
function() {
let rgb =
getRgbFromInput(
"redRgb"
);
if(rgb) {
redPicker.setRgb(rgb);
showCurrent(
"red",
rgb
);
update();
}
}
);
document.getElementById(
"yellowRgb"
).addEventListener(
"change",
function() {
let rgb =
getRgbFromInput(
"yellowRgb"
);
if(rgb) {
yellowPicker.setRgb(rgb);
showCurrent(
"yellow",
rgb
);
update();
}
}
);
document.getElementById(
"blueRgb"
).addEventListener(
"change",
function() {
let rgb =
getRgbFromInput(
"blueRgb"
);
if(rgb) {
bluePicker.setRgb(rgb);
showCurrent(
"blue",
rgb
);
update();
}
}
);
/* =====================================================
RESET
===================================================== */
function resetColors() {
let red =
[255,0,0];
let yellow =
[255,255,0];
let blue =
[0,0,255];
document.getElementById(
"redRgb"
).value =
"255, 0, 0";
document.getElementById(
"yellowRgb"
).value =
"255, 255, 0";
document.getElementById(
"blueRgb"
).value =
"0, 0, 255";
redPicker.setRgb(red);
yellowPicker.setRgb(yellow);
bluePicker.setRgb(blue);
showCurrent(
"red",
red
);
showCurrent(
"yellow",
yellow
);
showCurrent(
"blue",
blue
);
update();
}
/* =====================================================
KEZDŐ ÁLLAPOT
===================================================== */
showCurrent(
"red",
[255,0,0]
);
showCurrent(
"yellow",
[255,255,0]
);
showCurrent(
"blue",
[0,0,255]
);
showCurrent(
"target",
[128,128,128]
);
update();
</script>
</body>
<br>Partneroldalak: <br>
<a href="https://domain.domainshop.hu/domain.html" alt="trhely domainregisztrci">Domain regisztrci tr s szerverszolgltatsok: domain domainnv trhely e-mail, imap, pop3</a><br>
<a href="https://webtar.hu" alt="trhely donainregisztrci">webtar.hu</a><br>
<a href="https://ingyenweb.hu" alt="ingyenweb">ingyenweb.hu</a><br>
<a href="https://videok.hu" alt="Videk">videok.hu</a><br>
<a href="https://xn--fotk-sqa.hu" alt="fotk">fotk.hu</a><br>
<a href="https://randi.hu" alt="Randi">randi.hu</a><br>
<a href="https://licit.hu" alt="Licit">licit.hu</a><br>
<a href="https://napivicc.hu" alt="vicc">napivicc.hu</a><br>
<a href="https://gyertyalang.hu" alt="gyertyagyjts">gyertyalang.hu</a><br>
<a href="https://xn--helyesrs-fza2j.hu" alt="helyesrs.hu">helyesrs.hu</a><br>
<a href="https://domain.webtar.hu/domain.html" alt="Domain regiszrci s trhely">Domain regisztrci</a><br>
]]>