TetrisSmalls / AutoTextColor

A lightweight jQuery plugin that sets an element's text to either black or white automatically, depending on the background color to give the best contrast. If an element does not have a background, the parent element's background is used and so on until a background is found.

AutoTextColor

A lightweight jQuery plugin that sets an element's text to either black or white automatically, depending on the background color to give the best contrast. If an element does not have a background, the parent element's background is used and so on until a background is found.

Demo / Examples

AutoTextColor Demo / Examples

Usage

<div class="card" style="background: #fe626d;">
  <h2>Lorem Ipsum</h2>
  <p>Sed dapibus nunc ac blandit porta.</p>
</div>

$(document).ready(function(){
  $('div.card').autotextcolor();
});