Skip to content

Instantly share code, notes, and snippets.

@ogaty
Last active December 9, 2018 02:10
Show Gist options
  • Save ogaty/649f5a082a0ad60cf2d30a175085f3ae to your computer and use it in GitHub Desktop.
Save ogaty/649f5a082a0ad60cf2d30a175085f3ae to your computer and use it in GitHub Desktop.
ls colors
https://takamints.hatenablog.jp/entry/2014/11/02/173631
<div id="lscolors_sample" data-unlink="">
<div class="cell a01 c30 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(204, 204, 204);">文字色↓/背景色→</div><div class="cell a01 c30 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(204, 204, 204);">黒</div><div class="cell a01 c31 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(204, 204, 204);">赤</div><div class="cell a01 c32 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(204, 204, 204);">緑</div><div class="cell a01 c33 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(204, 204, 204);">黄</div><div class="cell a01 c34 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(204, 204, 204);">青</div><div class="cell a01 c35 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(204, 204, 204);">紫</div><div class="cell a01 c36 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(204, 204, 204);">水色</div><div class="cell a01 c37 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(204, 204, 204);">白</div><br clear="all"><div class="cell a01 c30 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(204, 204, 204);">普通の黒</div><div class="cell a00 c30 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);">00;30;40</div><div class="cell a00 c30 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(136, 0, 0);">00;30;41</div><div class="cell a00 c30 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(0, 136, 0);">00;30;42</div><div class="cell a00 c30 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(136, 136, 0);">00;30;43</div><div class="cell a00 c30 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(0, 0, 136);">00;30;44</div><div class="cell a00 c30 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(136, 0, 136);">00;30;45</div><div class="cell a00 c30 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(0, 136, 136);">00;30;46</div><div class="cell a00 c30 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 0); background-color: rgb(204, 204, 204);">00;30;47</div><br clear="all"><div class="cell a01 c31 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(204, 204, 204);">普通の赤</div><div class="cell a00 c31 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(0, 0, 0);">00;31;40</div><div class="cell a00 c31 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(136, 0, 0);">00;31;41</div><div class="cell a00 c31 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(0, 136, 0);">00;31;42</div><div class="cell a00 c31 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(136, 136, 0);">00;31;43</div><div class="cell a00 c31 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(0, 0, 136);">00;31;44</div><div class="cell a00 c31 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(136, 0, 136);">00;31;45</div><div class="cell a00 c31 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(0, 136, 136);">00;31;46</div><div class="cell a00 c31 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 0); background-color: rgb(204, 204, 204);">00;31;47</div><br clear="all"><div class="cell a01 c32 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(204, 204, 204);">普通の緑</div><div class="cell a00 c32 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(0, 0, 0);">00;32;40</div><div class="cell a00 c32 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(136, 0, 0);">00;32;41</div><div class="cell a00 c32 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(0, 136, 0);">00;32;42</div><div class="cell a00 c32 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(136, 136, 0);">00;32;43</div><div class="cell a00 c32 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(0, 0, 136);">00;32;44</div><div class="cell a00 c32 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(136, 0, 136);">00;32;45</div><div class="cell a00 c32 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(0, 136, 136);">00;32;46</div><div class="cell a00 c32 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 0); background-color: rgb(204, 204, 204);">00;32;47</div><br clear="all"><div class="cell a01 c33 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(204, 204, 204);">普通の黄</div><div class="cell a00 c33 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(0, 0, 0);">00;33;40</div><div class="cell a00 c33 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(136, 0, 0);">00;33;41</div><div class="cell a00 c33 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(0, 136, 0);">00;33;42</div><div class="cell a00 c33 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(136, 136, 0);">00;33;43</div><div class="cell a00 c33 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(0, 0, 136);">00;33;44</div><div class="cell a00 c33 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(136, 0, 136);">00;33;45</div><div class="cell a00 c33 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(0, 136, 136);">00;33;46</div><div class="cell a00 c33 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 136, 0); background-color: rgb(204, 204, 204);">00;33;47</div><br clear="all"><div class="cell a01 c34 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(204, 204, 204);">普通の青</div><div class="cell a00 c34 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(0, 0, 0);">00;34;40</div><div class="cell a00 c34 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(136, 0, 0);">00;34;41</div><div class="cell a00 c34 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(0, 136, 0);">00;34;42</div><div class="cell a00 c34 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(136, 136, 0);">00;34;43</div><div class="cell a00 c34 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(0, 0, 136);">00;34;44</div><div class="cell a00 c34 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(136, 0, 136);">00;34;45</div><div class="cell a00 c34 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(0, 136, 136);">00;34;46</div><div class="cell a00 c34 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 136); background-color: rgb(204, 204, 204);">00;34;47</div><br clear="all"><div class="cell a01 c35 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(204, 204, 204);">普通の紫</div><div class="cell a00 c35 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(0, 0, 0);">00;35;40</div><div class="cell a00 c35 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(136, 0, 0);">00;35;41</div><div class="cell a00 c35 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(0, 136, 0);">00;35;42</div><div class="cell a00 c35 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(136, 136, 0);">00;35;43</div><div class="cell a00 c35 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(0, 0, 136);">00;35;44</div><div class="cell a00 c35 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(136, 0, 136);">00;35;45</div><div class="cell a00 c35 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(0, 136, 136);">00;35;46</div><div class="cell a00 c35 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(136, 0, 136); background-color: rgb(204, 204, 204);">00;35;47</div><br clear="all"><div class="cell a01 c36 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(204, 204, 204);">普通の水色</div><div class="cell a00 c36 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(0, 0, 0);">00;36;40</div><div class="cell a00 c36 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(136, 0, 0);">00;36;41</div><div class="cell a00 c36 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(0, 136, 0);">00;36;42</div><div class="cell a00 c36 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(136, 136, 0);">00;36;43</div><div class="cell a00 c36 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(0, 0, 136);">00;36;44</div><div class="cell a00 c36 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(136, 0, 136);">00;36;45</div><div class="cell a00 c36 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(0, 136, 136);">00;36;46</div><div class="cell a00 c36 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 136, 136); background-color: rgb(204, 204, 204);">00;36;47</div><br clear="all"><div class="cell a01 c37 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(204, 204, 204);">普通の白</div><div class="cell a00 c37 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(0, 0, 0);">00;37;40</div><div class="cell a00 c37 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(136, 0, 0);">00;37;41</div><div class="cell a00 c37 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(0, 136, 0);">00;37;42</div><div class="cell a00 c37 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(136, 136, 0);">00;37;43</div><div class="cell a00 c37 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(0, 0, 136);">00;37;44</div><div class="cell a00 c37 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(136, 0, 136);">00;37;45</div><div class="cell a00 c37 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(0, 136, 136);">00;37;46</div><div class="cell a00 c37 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(204, 204, 204); background-color: rgb(204, 204, 204);">00;37;47</div><br clear="all"><div class="cell a01 c30 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(204, 204, 204);">明るい黒</div><div class="cell a01 c30 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(0, 0, 0);">01;30;40</div><div class="cell a01 c30 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(136, 0, 0);">01;30;41</div><div class="cell a01 c30 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(0, 136, 0);">01;30;42</div><div class="cell a01 c30 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(136, 136, 0);">01;30;43</div><div class="cell a01 c30 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(0, 0, 136);">01;30;44</div><div class="cell a01 c30 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(136, 0, 136);">01;30;45</div><div class="cell a01 c30 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(0, 136, 136);">01;30;46</div><div class="cell a01 c30 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(102, 102, 102); background-color: rgb(204, 204, 204);">01;30;47</div><br clear="all"><div class="cell a01 c31 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(204, 204, 204);">明るい赤</div><div class="cell a01 c31 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(0, 0, 0);">01;31;40</div><div class="cell a01 c31 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(136, 0, 0);">01;31;41</div><div class="cell a01 c31 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(0, 136, 0);">01;31;42</div><div class="cell a01 c31 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(136, 136, 0);">01;31;43</div><div class="cell a01 c31 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(0, 0, 136);">01;31;44</div><div class="cell a01 c31 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(136, 0, 136);">01;31;45</div><div class="cell a01 c31 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(0, 136, 136);">01;31;46</div><div class="cell a01 c31 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 0); background-color: rgb(204, 204, 204);">01;31;47</div><br clear="all"><div class="cell a01 c32 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(204, 204, 204);">明るい緑</div><div class="cell a01 c32 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(0, 0, 0);">01;32;40</div><div class="cell a01 c32 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(136, 0, 0);">01;32;41</div><div class="cell a01 c32 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(0, 136, 0);">01;32;42</div><div class="cell a01 c32 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(136, 136, 0);">01;32;43</div><div class="cell a01 c32 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(0, 0, 136);">01;32;44</div><div class="cell a01 c32 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(136, 0, 136);">01;32;45</div><div class="cell a01 c32 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(0, 136, 136);">01;32;46</div><div class="cell a01 c32 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 0); background-color: rgb(204, 204, 204);">01;32;47</div><br clear="all"><div class="cell a01 c33 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(204, 204, 204);">明るい黄</div><div class="cell a01 c33 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(0, 0, 0);">01;33;40</div><div class="cell a01 c33 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(136, 0, 0);">01;33;41</div><div class="cell a01 c33 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(0, 136, 0);">01;33;42</div><div class="cell a01 c33 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(136, 136, 0);">01;33;43</div><div class="cell a01 c33 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(0, 0, 136);">01;33;44</div><div class="cell a01 c33 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(136, 0, 136);">01;33;45</div><div class="cell a01 c33 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(0, 136, 136);">01;33;46</div><div class="cell a01 c33 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 0); background-color: rgb(204, 204, 204);">01;33;47</div><br clear="all"><div class="cell a01 c34 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(204, 204, 204);">明るい青</div><div class="cell a01 c34 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(0, 0, 0);">01;34;40</div><div class="cell a01 c34 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(136, 0, 0);">01;34;41</div><div class="cell a01 c34 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(0, 136, 0);">01;34;42</div><div class="cell a01 c34 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(136, 136, 0);">01;34;43</div><div class="cell a01 c34 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(0, 0, 136);">01;34;44</div><div class="cell a01 c34 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(136, 0, 136);">01;34;45</div><div class="cell a01 c34 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(0, 136, 136);">01;34;46</div><div class="cell a01 c34 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 0, 255); background-color: rgb(204, 204, 204);">01;34;47</div><br clear="all"><div class="cell a01 c35 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(204, 204, 204);">明るい紫</div><div class="cell a01 c35 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(0, 0, 0);">01;35;40</div><div class="cell a01 c35 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(136, 0, 0);">01;35;41</div><div class="cell a01 c35 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(0, 136, 0);">01;35;42</div><div class="cell a01 c35 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(136, 136, 0);">01;35;43</div><div class="cell a01 c35 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(0, 0, 136);">01;35;44</div><div class="cell a01 c35 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(136, 0, 136);">01;35;45</div><div class="cell a01 c35 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(0, 136, 136);">01;35;46</div><div class="cell a01 c35 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 0, 255); background-color: rgb(204, 204, 204);">01;35;47</div><br clear="all"><div class="cell a01 c36 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(204, 204, 204);">明るい水色</div><div class="cell a01 c36 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(0, 0, 0);">01;36;40</div><div class="cell a01 c36 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(136, 0, 0);">01;36;41</div><div class="cell a01 c36 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(0, 136, 0);">01;36;42</div><div class="cell a01 c36 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(136, 136, 0);">01;36;43</div><div class="cell a01 c36 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(0, 0, 136);">01;36;44</div><div class="cell a01 c36 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(136, 0, 136);">01;36;45</div><div class="cell a01 c36 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(0, 136, 136);">01;36;46</div><div class="cell a01 c36 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(0, 255, 255); background-color: rgb(204, 204, 204);">01;36;47</div><br clear="all"><div class="cell a01 c37 b47" style="width: 140px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(204, 204, 204);">明るい白</div><div class="cell a01 c37 b40" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">01;37;40</div><div class="cell a01 c37 b41" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(136, 0, 0);">01;37;41</div><div class="cell a01 c37 b42" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(0, 136, 0);">01;37;42</div><div class="cell a01 c37 b43" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(136, 136, 0);">01;37;43</div><div class="cell a01 c37 b44" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(0, 0, 136);">01;37;44</div><div class="cell a01 c37 b45" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(136, 0, 136);">01;37;45</div><div class="cell a01 c37 b46" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(0, 136, 136);">01;37;46</div><div class="cell a01 c37 b47" style="width: 60px; float: left; text-align: center; border-bottom: 1px solid rgb(68, 68, 68); color: rgb(255, 255, 255); background-color: rgb(204, 204, 204);">01;37;47</div><br clear="all"></div>
</div>
<pre>
# di=5;34;43 Setting the LS_COLORS di parameter to the above example will make directories appear in flashing blue text with an orange background
#0 = Default Colour
#1 = Bold
#4 = Underlined
#5 = Flashing Text
#7 = Reverse Field
#31 = Red
#32 = Green
#33 = Orange
#34 = Blue
#35 = Purple
#36 = Cyan
#37 = Grey
#40 = Black Background
#41 = Red Background
#42 = Green Background
#43 = Orange Background
#44 = Blue Background
#45 = Purple Background
#46 = Cyan Background
#47 = Grey Background
#90 = Dark Grey
#91 = Light Red
#92 = Light Green
#93 = Yellow
#94 = Light Blue
#95 = Light Purple
#96 = Turquoise
#100 = Dark Grey Background
#101 = Light Red Background
#102 = Light Green Background
#103 = Yellow Background
#104 = Light Blue Background
#105 = Light Purple Background
#106 = Turquoise Background
# http://www.bigsoft.co.uk/blog/index.php/2008/04/11/configuring-ls_colors
#no NORMAL, NORM Global default, although everything should be something
#fi FILE Normal file
#di DIR Directory
#ln SYMLINK, LINK, LNK Symbolic link. If you set this to .target. instead of a numerical value, the color is as for the file pointed to.
#pi FIFO, PIPE Named pipe
#do DOOR Door
#bd BLOCK, BLK Black device
#cd CHAR, CHR Character device
#or ORPHAN Symbolic link pointing to a non-existent file
#so SOCK Socket
#su SETUID File that is setuid (u+s)
#sg SETGID File that is setgid (g+s)
#tw STICKY_OTHER_WRITABLE Directory that is sticky and other-writable (+t,o+w)
#ow OTHER_WRITABLE Directory that is other-writable (o+w) and not sticky
#st STICKY Directory with the sticky bit set (+t) and not other-writable
#ex EXEC Executable file (i.e. has .x. set in permissions)
#mi MISSING Non-existent file pointed to by a symbolic link (visible when you type ls -l)
#lc LEFTCODE, LEFT Opening terminal code
#rc RIGHTCODE, RIGHT Closing terminal code
#ec ENDCODE, END Non-filename text
#*.extension Every file using this extension e.g. *.jpg
LS_COLORS='*.php=1;32:di=1;104;37:no=00:fi=00:ln=01;36:pi=40;33:so=01;35:do=01;35:bd=40;33;01:cd=40;33;01:or=40;31;01:su=37;41:sg=30;43:tw=30;42:ow=1;4;104;37:st=37;44:ex=0;4:*.php=1;32:*.tar=01;31:*.tgz=01;31:*.zip=01;31:*.gz=01;31:*.bz2=01;31:*.jpg=01;35:*.jpeg=01;35:*.gif=01;35:*.bmp=01;35:*.png=01;35:';
export LS_COLORS
</pre>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment