Инструменты и Утилиты

Полезные встроенные помощники для работы с цветом, текстом и оформлением постов.

WCAG Проверка Контрастности ▼

Настройки Цвета

Результат WCAG

8.59:1

Крупный Текст (3.0:1 AA).
"Текст заголовка"


Обычный параграф текста (4.5:1 AA).
Много веков назад мы начали свой путь с нуля, наполнив наш сайт красивыми и осмысленными словами, чтобы он казался полным жизни. Однако, когда реальный текст ещё не готов, для оценки дизайна необходим временный, бессмысленный набор слов, который мы и называем «рыба». Это нужно для того, чтобы понять, как будет выглядеть сайт в итоге, как будут располагаться блоки с контентом и какие шрифты лучше использовать


Этот текст обычного размера, но жирный.


Мелкий текст (подписи, футеры).
Это маленький текст, маленькие букофки....


Пояснения к Критериям WCAG

  • ККритерии WCAG — это международный стандарт доступности веб-контента, основанный на четырех принципах: воспринимаемость, управляемость, понятность и надёжность. Каждый принцип включает в себя проверяемые критерии успеха (Success Criteria), которые, в свою очередь, подразделяются на три уровня соответствия: A (базовый), AA (рекомендуемый) и AAA (наивысший). Соответствие уровню AA часто является целью для большинства организаций.
  • Коэффициент Контрастности: Число, показывающее, насколько ярче самый светлый цвет по сравнению с самым темным.
  • Уровень AA: Требуется коэффициент 4.5:1 для обычного текста и 3.0:1 для крупного.
  • Уровень AAA: Требуется коэффициент 7.0:1 для обычного текста и 4.5:1 для крупного.
Цветовой Круг и Подбор Палитры ▼

Используйте этот инструмент для подбора гармоничных цветовых схем.

Счетчик Слов и Символов ▼
Символов: 0 Слов: 0 Без пробелов: 0
Текстовые Разделители (скопировать) ▼

Нажмите на разделитель, чтобы скопировать его в буфер обмена.

---== * * * ==---
════════════════
~ ~ ~ ~ ~ ~ ~ ~ ~ ~
.:*°*:. .:*°*:.
⊱⋅ ──────────── ⋅⊰
·•●◈●•·
--------------------------
.❀。• *₊°。 ❀°。
╔═══*.·:·.☽✧ ✦ ✧☾.·:·.*═══╗
╚═══*.·:·.☽✧ ✦ ✧☾.·:·.*═══╝
⌌⊱⇱⊶⊷⊶⊷⊶⊷⊶⊷⊰⌍
⌎⊱⊶⊷⊶⊷⊶⊷⊶⊷⇲⊰⌏
.•° ✿ °•.
°•. ✿ .•°
⌜ • ° + ° • ⌝
⌞ ° • + • ° ⌟
┎┈┈┈┈┈┈┈┈┈┈┈┈┈┈┒
┖┈┈┈┈┈┈┈┈┈┈┈┈┈┈┚
╔══════════════╗
╚══════════════╝
┌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┐
└╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘
╔. .═════════╗
╚═════════. .╝
╭─────────╮
╰─────────╯
╔⊶⊶⊶⊶⊶✞⊷⊷⊷⊷⊷╗
╚⊶⊶⊶⊶⊶✞⊷⊷⊷⊷⊷╝
╔ ——————————————— ╗
╚ ——————————————— ╝
╔═════ °• ♔ •° ═════╗
╚═════ °• ♔ •° ═════╝
╔════▣◎▣════╗
╚════▣◎▣════╝
╔═══════ ೋღ ღೋ ═══════╗
╚═══════ ೋღ ღೋ ═══════╝
━━━━━━━━┛ ✠ ┗━━━━━━━━
━━━━━━━━┓ ✠ ┏━━━━━━━━
◤━━━━━━━━━━━━━━━━━━━━◥
◣━━━━━━━━━━━━━━━━━━━━◢
︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻⋆︻
︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼⋆︼
╔═══°∴,*⋅✲══〖✰〗══✲⋅*,∴°═══╗
╚═══°∴,*⋅✲══〖✰〗══✲⋅*,∴°═══╝
╔═════☩══♛══☩═════╗
╚═════☩══✦══☩═════╝
╓═══════☆═══════╖
╙═══════☆═══════╜
╒◖═══════════════════════◗╕
⸢ ⸣
⸤ ⸥
╘◖═══════════════════════◗╛
╭⋟────────────────────────╮
✦✧✦✧
╰────────────────────────⋞╯
☆。*。☆。
★。＼｜／。★
★。／｜＼。★
☆。*。☆。
┏━━━━━━༻❁༺━━━━━━┓
┗━━━━━━༻❁༺━━━━━━┛
╔═══━━━─── • ───━━━═══╗
╚═══━━━─── • ───━━━═══╝
╔═━────━▒ ۞ ▒━────━═╗
╚═━────━▒ ۞ ▒━────━═╝
❉ ╤╤╤╤ ✿ ╤╤╤╤ ❉
❉ ╧╧╧╧ ✿ ╧╧╧╧ ❉
╭ ╮
╰ ╯
┏━━━✦❘༻༺❘✦━━━┓
┗━━━✦❘༻༺❘✦━━━┛
╓┈♔◦☓◦☙◦♔◦☙◦☓◦♔┈╖
╙┈♔◦☓◦☙◦♔◦☙◦☓◦♔┈╜
┌┄◦◡◦┄◦◡◦┄┐
┖┄◦◠◦┄◦◠◦┄┚
╭━ ⋅𖥔⋅ ━━✶━━ ⋅𖥔⋅ ━╮
╰━ ⋅𖥔⋅ ━━✶━━ ⋅𖥔⋅ ━╯
┴┈┈┈┈■┈┈┈┈┴
┬┈┈┈┈□┈┈┈┈┬
━━━━━━━━━▲━━━━━━━━━
━━━━━━━━━▼━━━━━━━━━
▕▔▔▔▔▔▔▿▔▔▔▔▔▔▏
▕ ▵ ▏
▛▝▝▝▝▝▝▝▝▝▝▝▝▝▝▝▝▝▝▝▝ ▜
▙ ▖▖▖▖▖▖▖▖▖▖▖▖▖▖▖▖▖▖▖▖▟
╭╼|══════════|╾╮
╰╼|══════════|╾╯
═════════╕
╘═════════
╱ ╲
╲ ╱
┏┘ ⊆ ⊇ └┓
┗┐⊆ ⊇┌┛
┏ ━━┅━━━┅━━ ┓
┗ ━━┅━━━┅━━ ┛
⇘ ⇙
⇗ ⇖
／—————–––––––—＼
＼–––––——————––／
●▬▬▬▬▬๑⇩⇩๑▬▬▬▬▬●
●▬▬▬▬▬๑⇧⇧๑▬▬▬▬▬●
╔═══ -ˋˏ *.·:·.⟐.·:·.* ˎˊ- ═══╗
╚═══ -ˋˏ *.·:·.⟐.·:·.* ˎˊ- ═══╝
┍━━━━━━━━»•» «•«━┑
┍━━━━━━━━━━━━━┑
┕━━━━━━━━━━━━━┙
┕━»•» «•«━━━━━━━━┙
┌─────━┿──┿━─────┐
└─────━┿──┿━─────┘
◤─────•~❉᯽❉~•─────◥
◣─────•~❉᯽❉~•─────◢
•╔════◄░░░░░░►════╗•
•╚════◄░░░░░░►════╝ •
╭-°—✞—˚✧❨✧˚—✞—°-╮
╰-°—✞—˚✧❨✧˚—✞—°-╯
◢✥◣
◥✥◤
⋰ ⋱
⋱ ⋰
╱╲❀╱╲╱╲❀╱╲╱╲❀╱╲
╲╱❀╲╱╲╱❀╲╱╲╱❀╲╱
⌢⌢⌢⌢⌢⌢⌢⌢⌢⌢⌢⌢
⌣⌣⌣⌣⌣⌣⌣⌣⌣⌣⌣⌣
●╭╮╭╮╭╮╭╮╭╮╭╮╭╮●
━━━━━━━━━━━━━━
━━━━━━━━━━━━━━
●╰╯╰╯╰╯╰╯╰╯╰╯╰╯●
↱ ↰
↳ ↲
╔⏤⏤⏤⏤╝❀╚⏤⏤⏤⏤╗
╚⏤⏤⏤⏤╗❀╔⏤⏤⏤⏤╝
◞┈┈┈┈┈┈┈┈┈┈┈┈◟
◝┈┈┈┈┈┈┈┈┈┈┈┈◜
◤◢◣◥◤ ◢◣◆◢◣◥◤◢◣◥
◣◥◤◢◣ ◥◤◆◥◤◢◣◥◤◢
⏠
⏡
┈ ┈ ┈ ⋞ 〈 ⏣ 〉 ⋟ ┈ ┈ ┈
━◦○◦━◦○◦━◦○◦━◦○◦━◦○◦━◦○◦━
✯¸.•´*¨`*•✿ ✿•*`¨*`•.¸✯
•❅──────✧❅✦❅✧──────❅•
═════════•°• •°•═════════
°l||l°l||l°l||l°l||l°l||l°l||l°l||l°l||l°l||l°l||l°
╳°»｡ ∾･⁙･ ღ ➵ ⁘ ➵ ღ ･⁙･∾ ｡«°╳
𐄁𐄙𐄁𐄙𐄁𐄙𐄁𐄙𐄁𐄙𐄁𐄙𐄁𐄙𐄁
▢▢▢
☹☻☹☻☹☻☹☻☹☻☹☻☹☻☹☻☹☻☹☻☹
⚛》》》》》◆《《《《《⚛
I͢..... I͢..... I͢..... I͢..... I͢..... I͢..... I͢..... I͢..... I͢.....
◦◦,`°.✽✦✽.◦.✽✦✽.°`,◦◦
●◉◎◈◎◉●
➴➵➶➴➵➶➴➵➶➴➵➶➴➵➶
≡≡≡≡≡ ≡≡≡≡≡ ≡≡≡≡≡ ≡≡≡≡≡ ≡≡≡≡≡
───✱*.｡:｡✱*.:｡✧*.｡✰*.:｡✧*.｡:｡*.｡✱ ───
─── ･ ｡ﾟ☆: *.☽ .* :☆ﾟ. ───
- - ┈┈∘┈˃̶༒˂̶┈∘┈┈ - -
══✿══╡°˖✧✿✧˖°╞══✿══
....::::**•° ☸ °•**::::....
*＊✿❀○❀✿＊*
° ∆ -------- ••• ------- ∆ °° ∆ -------- ••• ------- ∆ °
∘₊✧──────✧₊∘
•:•.•:•.•:•:•:•:•:•:•:•☾☼☽•:•.•:•.•:•:•:•:•:•:•:•
——— ☆ • ♧ • • ♧ • ☆ ———
✿°•∘ɷ∘•°✿ ... ✿°•∘ɷ∘•°✿ ... ✿°•∘ɷ∘•°✿
┈┈┈┈․° ☣ °․┈┈┈┈
》* 。 • ˚ ˚ ˛ ˚ ˛ • 。* 。° 。* 。 • ˚《
♪°•°∞°•°♪°•°∞°•°♪°•°∞°•°♪°•°∞°•°♪
⚜⚜ ⚜⚜ ⚜⚜ ⚜⚜ ⚜⚜ ⚜⚜
* . °•★|•°∵ ∵°•|☆•° . *
»»---------------------►
▂▃▅▇█▓▒░۩۞۩ ۩۞۩░▒▓█▇▅▃▂
∙∙∙∙∙· ᵒᴼᵒ ₒₒ ᵒᴼᵒ ₒₒ ᵒᴼᵒ ₒₒ ᵒᴼᵒ ∙∙∙∙∙·
¸¸♬·¯·♩¸¸♪·¯·♫¸¸¸♬·¯·♩¸¸♪·¯·♫¸¸
▬▬ι══════════════ι▬▬
♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪
˚˙༓࿇༓˙˚˙༓࿇༓˙˚˙༓࿇༓˙˚
--:::------::-------------------◇--------------------::------:::---
⊶⊷⊶⊷⊶⊷⋆⊶⊷⊶⊷⊶
╞╪╪╪╪╪╪╪╪╪╪╪╪╪╪╪╪╡
●☆ ■ ☆●
≪ °❈° ≫≪ °❈° ≫≪ °❈° ≫≪ °❈° ≫
♧⌞⌝⌟⌜⌞⌝⌟⌜⌞⌝⌟⌜⌞♧
¤━━━¤°¤━━━¤°¤━━━¤°¤━━━¤
‧̍̊·̊‧̥°̩̥˚̩̩̥͙°̩̥‧̥·̊‧̍̊ ♡ °̩̥˚̩̩̥͙°̩̥ ·͙*̩̩͙˚̩̥̩̥*̩̩̥͙·̩̩̥͙*̩̩̥͙˚̩̥̩̥*̩̩͙‧͙ °̩̥˚̩̩̥͙°̩̥ ♡ ‧̍̊·̊‧̥°̩̥˚̩̩̥͙°̩̥‧̥·̊‧̍̊
✧⋄⋆⋅⋆⋄✧⋄⋆⋅⋆⋄✧⋄⋆⋅⋆⋄✧⋄⋆⋅⋆⋄✧
╞═════𖠁𐂃𖠁═════╡
┬┴┬┴┤┈┈┈┈┈┈┈┈├┬┴┬┴
|××××××××××|××××××××××|
☾ ⋆*･ﾟ:⋆*･ﾟ:⠀ *⋆.*:･ﾟ .: ⋆*･ﾟ: .⋆
❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁
⋅•⋅⋅•⋅⊰⋅•⋅⋅•⋅⋅•⋅⋅•⋅∙∘☽༓☾∘∙•⋅⋅⋅•⋅⋅⊰⋅•⋅⋅•⋅⋅•⋅⋅•⋅
✼ •• ┈┈┈┈๑⋅⋯ ୨˚୧ ⋯⋅๑┈┈┈┈ •• ✼
═ ═ ═ ╰☆╮ ═ ═ ═
•┈┈┈••✦ ✦••┈┈┈•
•·················•·················•
__________________________________________
══════════════════
.•*•.•*•.•*•.•*•.•*•.•*•.
»»-------------¤-------------««
☠◉☠◉☠◉☠◉☠◉☠◉☠◉☠◉☠◉☠◉☠◉☠◉☠
───── ⋆⋅☆⋅⋆ ─────
✞———————❖———————✞
· · ─────── ·𖥸· ─────── · ·
▂ ▃ ▄ ▅ ▆ ▇ █ █ ▇ ▆ ▅ ▄ ▃ ▂
◈◈◈▣▣◈◈◈▣▣◈◈◈▣▣◈◈◈
• • • • • • ○ ○ • • • • •
⎽⎼⎻⎺⎺⎻⎼⎽⎽⎼⎻⎺⎺⎻⎼⎽⎽⎼⎻⎺⎺⎻⎼⎽⎽⎼⎻⎺⎺⎻⎼⎽⎽⎼⎻⎺⎺⎻⎼⎽⎽⎼⎻⎺⎺⎻⎼⎽⎽⎼⎻⎺⎺⎻⎼⎽
*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
─────────ೋღ ღೋ─────────
◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌ ◌
❀⊱┄┄┄┄┄┄┄┄┄┄┄⊰❀
────── 〔✿〕──────
━━━━━━。゜✿ฺ✿ฺ゜。━━━━━━
༛༛ ༛ ༛༺༻༛ ༛ ༛༛
•• ━━━━━ ••●•• ━━━━━ ••
✧ ▬▭▬ ▬▭▬ ✦✧✦ ▬▭▬ ▬▭▬ ✧
✼ •• ┈┈┈┈┈┈┈┈┈┈┈┈ •• ✼
════ ⋆★⋆ ════
●○●○●○●○●○●○●○●○●○●
■□■□■□■□■□■□■□■
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
•─────⋅☾ ☽⋅─────•
▅▄▃ ▂▃▄▅
•◌•◌•◌•◌•◌•◌•◌•★•◌•◌•◌•◌•◌•◌•◌•
───※ ·❆· ※───
༺═──────────────═༻
█▒▒▒▒▒▒▒█ ◈ █▒▒▒▒▒▒▒█
✎﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏
▐░░░░░░░░░░░░░░░░▌
࿇ ══━━━━✥◈✥━━━━══ ࿇
❖ ── ✦ ──『✙』── ✦ ── ❖
❢◥ ▬▬▬▬▬▬ ◆ ▬▬▬▬▬▬ ◤❢
▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰
█ ✪ █▓▓▓▓▓▓▓▓▓▓▓█ ✪ █
━─━─━━─━「₪」━━─━─━─━
◢◤◢◤◢◤◢◤◢◤◢◤◢◤
◑ ━━━━━ ▣ ━━━━━ ◐
▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃
◆:*:◇:*:◆:*:◇:*:◆
╬╬═════════════╬╬
◤◢◣◥◤◢◣◥◤◢◣◥◤◢◣◥
❛ ━━━━━━･❪ ❁ ❫ ･━━━━━━ ❜
『••✎••』
▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣▣
:۞:••:۞:••:۞:••:۞:••:۞:
✩̣̣̣̣̣ͯ┄•͙✧⃝•͙┄✩ͯ•͙͙✧⃝•͙͙✩ͯ┄•͙✧⃝•͙┄✩̣̣̣̣̣ͯ
✜»✜«✜»✜«✜»✜«✜»✜
ıllıllııllıllı
✧❁❁❁✧✿✿✿✧❁❁❁✧
⋅•⋅⊰∙∘☽༓☾∘∙⊱⋅•⋅
Иконки Font Awesome (BBCode) ▼
[fa]fa-star[/fa]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Внешние Ресурсы (PNG, Смайлики) ▼