'전체 글'에 해당되는 글 380건
- 2013.04.02 form 을 json으로 변환
- 2012.07.17 [번역]jQuery는 플래시를 어떻게 없애고 있나 + jQuery 튜토리얼 & 플래시 애니메이션을 대체할 플러그인
- 2012.05.12 NT700Z5C-S78 아이비브릿지 크로노스 구매완료 4
- 2012.05.09 DIV의 CSS 스크롤 관련 정리
- 2012.04.18 RGB 색상코드
form2js.js[번역]jQuery는 플래시를 어떻게 없애고 있나 + jQuery 튜토리얼 & 플래시 애니메이션을 대체할 플러그인
회사이야기?? 2012. 7. 17. 15:19 |In 1996, Macromedia released their product called Macromedia Flash which is a vector-based animation platform. With Flash, web designers were now able to create animations using a timeline and vector design tools as a video. Furthermore, Flash was and still is a great solution for web designers to provide visitors smooth view in such small file size. The only thing that web surfers need to enjoy the sites using flash is to install Macromedia Flash Player.
However, with the arrival of JavaScript in 1997, there has been a war between Flash and JavaScript because Flash was afraid JavaScript would one day replace them with all the animation it supports. Why? Because a ton of JavaScript frameworks are becoming increasingly popular as a result of their high scalability, performance and usability. Some include jQuery, MooTools, script.aculo.us, Prototype, among others but especially jQuery, as of late.
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and AJAX interactions for rapid web development. Although you may have enough Javascript skills to build your own Javascript code, using jQuery instead of can simplify the process (think hundreds of lines vs. a few lines of jQuery). Furthermore, there are thousands of plugins for jQuery published and large community support for this project. jQuery deserves being the heaviest competitor with Flash.
Like the article? Be sure to subscribe to our RSS feed and follow us on Twitter to stay up on recent content.
Why should we use jQuery instead of Flash
There are a bulk of differences regarding the benefits and disadvantages between these two guys, but in this article, we just list some their most important features.
First, in order to build an application using jQuery, you don’t have to purchase anything, but with Flash you have to buy Flash software to do the encoding. And Flash software could cost you $699 and no less than$199 to upgrade from older versions. jQuery and most other JavaScript frameworks cost you nothing to use(some jQuery plugins are not free for commercial usage). At this point, jQuery wins!
The second and the most problem with Flash is it isn’t available on the iPhone, and many other mobile devices. According to Adobe, 98 percent of desktop computers and laptops currently support Flash, but the truth is it’s not compatible with all browsers including those on the iPhone, iPad and cell phones. Unlike Flash, jQuery supports screen reader accessibility. By using accDND (a jQuery plugin), we can enable keyboard and screen reader which is an accessible drag & drop functionality plugin for jQuery. jQuery wins again!.
In the next comparison, we’ll consider using jQuery instead of Flash in its customization. jQuery and other JavaScript frameworks are built for easy development and customization.
Although jQuery wins Flash in some angles of problem, it cannot fully replace Flash in use. Where Flash fully supports 3D capabilities and many extensive features for object animation, jQuery is limited. Furthermore, jQuery UI is nothing compared with Flash’s built-in UI – That’s one reason for Flash’s price tag. Besides this, we get problems with proper font display. We can use any fonts on the web with Flash, but we cannot do the same with JavaScript, although we have a ton of tools and services available to help us to embed fonts in HTML page.
One other area to look at is video. This is where HTML5 comes into the picture — which is a completely different post in and of itself.
In most cases, though, jQuery can do better than Flash. From here, we’ll round up some tutorials and jQuery plugins that are simply awesome. Each of these teaches how to get a desired “Flash” effect, but with jQuery instead.
Tutorials
Building an interactive map with jQuery instead of Flash
This tutorial helps you build an interactive map with jQuery instead of Flash. It helps you build the markup for the maps and a couple of jQuery functions to make it all work. It’ll be an interactive map that shows some information and the location of the various Marine Science outposts across the state. Information of the the locations are represented by dots, and clicking them, will display an info box.
Animated Sharing Bar With jQuery & CSS
Using pure jQuery, we can make an animated sharing bar which will enable your website visitors to share posts on a number of social networks. It runs smoothly on all browser versions.
The youlove.us scrolling background effect explained
If you have checked out the design of YouLove.us, you would be excited with its colorful animated background. Here they explained how they created their beautiful animated background. The technique is very simple. It will scroll only the body background while every element above it is transparent.
Crafting an Animated Postcard With jQuery
Learn the basics of setting up a continuous animation with an illustrated postcard which Flash usually does. This tutorial is a good one for you to learn how to work with animation loop in jQuery and the easing plugin.
Building an Animated Cartoon Robot with jQuery
A tutorial on CSS-tricks to create an incredible animated cartoon robot. It was created by layering several empty divs over each other with transparent PNGs as background images. This effect simulates a faux 3D animated background dubbed the “parallax effect†originating from old-school side scrolling video games. This is one of the best examples of where jQuery is replacing Flash.
Cloud of Bacon
In this tutorial, you will be inspired with the camera effect. The tutorial runs multiple animations (of arbitrary duration) at the same time, queues animations and even animates complex properties like colors or clipping rectangles.
A Colorful Clock With CSS & jQuery
Here’s a colorful clock created with jQuery and CSS only. This is really an interesting post to check out. It’s not a tutorial about the jQuery animate() function, but the jQuery helps CSS animation property works correctly. I highly recommend checking out all of the Tutorialzine Tutorials for jQuery inspiration.
jQuery OS X Stack and Drop Stack
A sexy menu created using jQuery and CSS with OS X style docks and stacks navigation. It’s super lightweight (~1kb) and is a really creative “outside the box” method of navigation for a website. It might be a little awkward having the navigation in the bottom right or left of the browser window but it would certainly be creative and saves lots of space.
Old School Clock with CSS3 and jQuery
Transform:rotate is a new feature of CSS3 which lets you rotate HTML elements. This tutorial will help you create an awesome “tick tock” clock that animates very smoothly. The jQuery code in this tutorial helps the clock get correct time information then inject all the CSS3 style for each element.
Making a 3D Engine in jQuery
Here they create a 3D engine that will allow us to create shapes simply by creating an array of points. This engine will have a Camera, a Scene and an Object. Perfect 3D cube in jQuery!
Puffing Smoke Effect in jQuery
An excellent tutorial features an impressive animation effect of cartoon-ish smoke which animates from factory smoke stacks. This tutorial provides a configurable jQuery plugin with instructions based on blog’s header of the author, so that you may create a similar animation effect for your website.
Plugins
jParallax
jParallax is a jQuery plugin that allows animation of simple parallax animations by animating the background-position of <div> elements.
jFlip
Create page flip using jQuery plugin instead of Flash. This plugins is useful for us to create the page flip effect that can be used in flipping page of a book. It could be a great idea for a comic book web site.
The Sexy Curls jQuery Plugin!
Another great jQuery plugin which lets you share in the beauty of the page fold. Remember in the past, we always use Flash to create this effect for ad slot. Today, forget Flash and try it with jQuery. Everything is the same except you’re not relying on Flash, guys!
Easy Slider 1.7 – Numeric Navigation jQuery Slider
This is really a nightmare with Flash because jQuery does it perfectly and even better than Flash does. There are a bulk of jQuery Slider Plugins out there, but Easy Slider is arguably the best one with a lot of features and options.
AnythingSlider jQuery Plugin
This is another awesome jQuery slider that comes with cool features. AnythingSlider is a plugin that was built to make implementing it and customizing it much easier than other plugins.
reel
Reel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. It’s a great alternative to widely used Flash techniques.
Flot
Flot is a pure JavaScript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. Like Flash, this plugin provides smooth and attractive graph for simple uses with nice features, zooming and mouse tracking.
NT700Z5C-S78 아이비브릿지 크로노스 구매완료
솔라리스™ 2012. 5. 12. 01:31 |어제 디플에서 NT700Z5C-S78를 구매하고 오늘 2시반에 배송을 받았습니다.
회사에서는 꺼내보기만 하고 아무것도 못했는데 퇴근후에.. 운동갔다온뒤 바로 시작해서
이제 마무리 되었습니다.
일단 이전모델(NT700Z5A-S78)과 비교..
윈도우 점수는 1점이 올라갔구요. 하드는 같은 거니까 같은 점수..
그래픽이 인텔 HD4000 이라서 1점 올라갔네요. 외장 디스플레이로는 GT 640m 이 설치되어 있습니다.
그래픽 메모리는 1기가..
블루투스는 4.0 이네요. 이전모델이 3.0인데..
기본 메모리는 8기가..
CPU가 아이비브릿지로.. 3세대.. i7-3615QM 입니다. 이전 모델보다 클럭이 좀 올랐네요
2.2GHz에서 2.3GHz 로
이전모델에서 문제되었던 사항 검토합니다.
1. 키보드
: 별 문제없습니다. 스페이스 동작 잘 합니다.
2. 제어판의 관리도구 > 로컬서비스보기 항목에 대한 창길이 조절
: 잘 따라 오는것 같습니다. 속도를 높이면 약간 검정색이 보이다가 흰색으로 변경됩니다.
3. 미디어센터 버벅거림 ( 싱글 모니터만 확인 )
: 이상없는듯 합니다.
그리고 디자인의 변경이 좀 있습니다.
전체적으로 상단에 로고와 스티커가 변경되었고, 윗쪽에 홀이 있는데.. 스피커인지 아님 공기구멍인지 ?? 구멍이 뽕뽕 뚫린
라인이 들어갔습니다. 하단은 기존과 같이 메모리 부분만 별도 케이스가 있고 나머진 한판이랍니다
내일은 듀얼모니터 사용시 테스트를 진행하고, 조금 써본이후에.. 이상이 없다면..
내장하드 1기가를 SSD로 변경할 예정이랍니다. 좀 빨라 지겠죠 ??
이상으로 많은 분들이 궁금해 하시는 구입후기였습니다.
DIV의 CSS 스크롤 관련 정리
회사이야기?? 2012. 5. 9. 14:19 |overflow:scroll; 이라는 스타일을 지정해 주면, div 내용이 넘치든 아니든, 항상 스크롤바가 붙습니다. 이것이 가장 많이 쓰이고 가장 무난하더군요.
overflow:auto; 라는 스타일을 지정해 주면, 내용이 div 박스 밖으로 넘칠 때에만 스크롤바가 붙습니다. 이것도 많이 쓰이는 편이지만, 내용물의 양에 따라서, 스크롤바가 붙었다 안 붙었다 하기에 디자인에 좀 어려움이 있습니다.
overflow:hidden; 으로 하면, div 박스 밖으로 넘치는 것은 보여주지 않고 그냥 숨겨 버립니다. 스크롤바도 붙지 않습니다. 특별한 목적이 있을 때에만 쓰입니다.
white-space:nowrap;
문자열이 길면 다음줄로 자동으로 행갈이가 되는데, nowrap 은 행갈이를 하지 말고 한 줄로 길게 이어서 쓰라는 의미입니다. 프로그래밍 소스 코드 등을 표현할 때에는 행갈이를 하지 않는 것이 자연스럽습니다.
width:300px; height:150px;
div 박스의 가로 세로 크기를 지정하는 것인데, 퍼센트(%)로 지정해도 좋습니다. height 속성을 생략하면 문장의 분량에 맞게 div 박스의 세로 길이가 자동으로 정해집니다. 둘 다 생략하면 스크롤바가 만들어지지 않을 수도 있습니다.
padding:10px;
div 박스 안으로 약간의 여백을 주어 보기 좋게 하는 것입니다. 필수적인 것은 아닙니다.
background-color:gold;
div 박스의 바탕색을 지정하는 것입니다. 필수적인 것은 아닙니다.
| #93DAFF | #98DFFF | #9DE4FF | #A2E9FF | #A7EEFF | #ACF3FF | #B0F7FF | #B4FBFF | #B9FFFF | #C0FFFF |
| #87CEFA | #91D8FA | #A5D8FA | #AFDDFA | #B9E2FA | #C3E7FA | #CDECFA | #D7F1FA | #E1F6FA | #EBFBFF |
| #00BFFF | #0AC9FF | #14D3FF | #1EDDFF | #28E7FF | #32F1FF | #3CFBFF | #46FFFF | #96FFFF | #C8FFFF |
| #00A5FF | #00AFFF | #00B9FF | #00C3FF | #00CDFF | #00D7FF | #00E1FF | #00EBFF | #00F5FF | #00FFFF |
| #1EA4FF | #28AEFF | #32B8FF | #3CC2FF | #46CCFF | #50D6FF | #5AE0FF | #6EE0FF | #6EEAFF | #78F3FF |
| #1E90FF | #289AFF | #32A4FF | #3CAEFF | #46B8FF | #50C2FF | #5ACCFF | #64D6FF | #6EE0FF | #78EAFF |
|
| |||||||||
| #96A5FF | #A0AFFF | #AAB9FF | #B4C3FF | #BECDFF | #C8D7FF | #D2E1FF | #DCEBFF | #E8F5FF | #F4FFFF |
| #86A5FF | #90AFFF | #9AB9FF | #A4C3FF | #AECDFF | #B8D7FF | #CCE1FF | #E0EBFF | #EBF5FF | #F9FFFF |
| #6495ED | #6E9FED | #78A9ED | #82B3ED | #8CBDED | #96C7ED | #A0D1F7 | #AADBFF | #B4E5FF | #BEEFFF |
|
| |||||||||
| #0078FF | #0A82FF | #148CFF | #1E96FF | #28A0FF | #32AAFF | #3CB4FF | #46BEFF | #50C8FF | #5AD2FF |
| #0064FF | #0A6EFF | #1478FF | #1E82FF | #288CFF | #3296FF | #3CA0FF | #46AAFF | #50B4FF | #5ABEFF |
| #0000FF | #3232FF | #5050FF | #646EFF | #6478FF | #6482FF | #648CFF | #6496FF | #64A0FF | #64AAFF |
| #4169E1 | #4B73E1 | #557DE1 | #5F87E1 | #6991E1 | #739BE1 | #7DA5E1 | #87AFEB | #91B9F5 | #9BC3FF |
| #0064CD | #0A6ECD | #1478CD | #1E82CD | #288CD2 | #3296D7 | #3CA0E1 | #46AAEB | #50B4F5 | #5ABEF5 |
| #5A5AFF | #6464FF | #6E6EFF | #7878FF | #8282FF | #8C8CFF | #A0A0FF | #B4B4FF | #C8C8FF | #D2D2FF |
|
| |||||||||
| #7B68EE | #8572EE | #8F7CEE | #9986EE | #A390EE | #AD9AEE | #B7A4EE | #C1AEEE | #CBB8EE | #D5C2EE |
| #6A5ACD | #7E6ECD | #8878CD | #9282CD | #9C8CCD | #A696CD | #B0A0CD | #BAAAD7 | #C4B4E1 | #CEBEE1 |
| #0000CD | #2828CD | #4646CD | #6464CD | #6E6ED7 | #7878E1 | #8282EB | #8C8CF5 | #9696FF | #A0A0FF |
| #00008C | #14148C | #28288C | #3C3C8C | #50508C | #646496 | #7878AA | #8C8CBE | #A0A0C8 | #B4B4DC |
| #483D8B | #52478B | #5C518B | #665B8B | #70658B | #7A6F95 | #84799F | #8E83A9 | #988DB3 | #A297BD |
| #000069 | #1E3269 | #323C73 | #3C467D | #3C5087 | #3C5A91 | #46649B | #506EA5 | #5A78AF | #6482B9 |
| #3DFF92 | #47FF9C | #51FFA6 | #5BFFB0 | #65FFBA | #6FFFC4 | #79FFCE | #75FFCA | #7AFFCF | #7FFFD4 |
| #55EE94 | #5FEE9E | #69EEA8 | #73EEB2 | #7DEEBC | #87EEC6 | #91F8D0 | #9BFFDA | #A5FFE4 | #AFFFEE |
| #66CDAA | #70D2B4 | #7AD7BE | #84DCC8 | #8EE1D2 | #98EBDC | #9DF0E1 | #A2F5E6 | #A7FAEB | #ACFFEF |
|
| |||||||||
| #AAEBAA | #B4F0B4 | #BEF5BE | #C8FAC8 | #D2FFD2 | #DCFFDC | #E1FFE1 | #E6FFE6 | #EBFFEB | #F0FFF0 |
| #80E12A | #8AE634 | #94EB3E | #9EF048 | #A8F552 | #B2FA5C | #BCFF66 | #C1FF6B | #C6FF70 | #CBFF75 |
| #52E252 | #5CE75C | #66EC66 | #70F170 | #7AF67A | #84FB84 | #89FB89 | #8EFB8E | #93FB93 | #98FB98 |
| #64CD3C | #6ED746 | #78E150 | #82EB5A | #8CF064 | #96F56E | #9BFA73 | #A0FA78 | #A5FA7D | #AAFA82 |
|
| |||||||||
| #13C7A3 | #18CCA8 | #1DD1AD | #22D6B2 | #27DBB7 | #2CE0BC | #31E0C1 | #36E0C6 | #3BE0CB | #40E0D0 |
| #46B4B4 | #50BEBE | #5AC8C8 | #64D2D2 | #6EDCDC | #73E1E1 | #78E6E6 | #7DEBEB | #82F0F0 | #87F5F5 |
| #20B2AA | #2ABCB4 | #34C6BE | #3ED0C8 | #48DAD2 | #52E4DC | #57E9E1 | #5CEEE6 | #61F3EB | #66F8F0 |
| #5F9EA0 | #69A8AA | #73B2B4 | #7DBCBE | #87C6C8 | #91D0D2 | #96D5D7 | #9BDADC | #A0DFE1 | #A5E3E6 |
|
| |||||||||
| #3CB371 | #46BD7B | #50C785 | #5AD18F | #64DB99 | #6EE5A3 | #73EAA8 | #78EFAD | #7DF4B2 | #82F9B7 |
| #2E8B57 | #389561 | #429F6B | #4CA975 | #56B37F | #60BD89 | #65C28E | #6AC793 | #6FCC98 | #74D19D |
| #228B22 | #2C952C | #369F36 | #40A940 | #4AB34A | #54BD54 | #5EC75E | #63CC63 | #68D168 | #6DD66D |
| #497649 | #538053 | #5D8A5D | #679467 | #719E71 | #7BA87B | #80AD80 | #85B285 | #8AB78A | #8FBC8F |
| #006400 | #0A6E0A | #147814 | #1E821E | #288C28 | #329632 | #3CA03C | #41A541 | #46AA46 | #4BAF4B |
|
| |||||||||
| #008C8C | #0A9696 | #14A0A0 | #1EAAAA | #28B4B4 | #32BEBE | #37C3C3 | #3CC8C8 | #41CDCD | #46D2D2 |
| #008080 | #0A8A8A | #149494 | #1E9E9E | #28A8A8 | #32B2B2 | #37B7B7 | #3CBCBC | #41C1C1 | #46C6C6 |
| #FFB6C1 | #FFBBC6 | #FFC0CB | #FFC5D0 | #FFCAD5 | #FFCFDA | #FFD4DF | #FFD9E4 | #FFDEE9 | #FFE3EE |
| #FFAAAF | #FFB4B9 | #FFBEC3 | #FFC8CD | #FFD2D7 | #FFDCE1 | #FFE1E6 | #FFE6EB | #FFEBF0 | #FFF0F5 |
| #FF9E9B | #FFA8A5 | #FFB2AF | #FFBCB9 | #FFC6C3 | #FFD0CD | #FFD5D2 | #FFDAD7 | #FFDFDC | #FFE4E1 |
| #FF7A85 | #FF848F | #FF8E99 | #FF98A3 | #FFA2AD | #FFACB7 | #FFB1BC | #FFB6C1 | #FFBBC6 | #FFC0CB |
| #FF5675 | #FF607F | #FF6A89 | #FF7493 | #FF7E9D | #FF88A7 | #FF92B1 | #FF9CBB | #FFA6C5 | #FFB0CF |
|
| |||||||||
| #FF82FF | #FF8CFF | #FF96FF | #FFA0FF | #FFAAFF | #FFB4FF | #FFBEFF | #FFC8FF | #FFD2FF | #FFDCFF |
| #FF7DB4 | #FF87BE | #FF91C8 | #FF9BD2 | #FFA5DC | #FFAFE6 | #FFB4EB | #FFB9F0 | #FFBEF5 | #FFC3FA |
| #FF69B4 | #FF73BE | #FF7DC8 | #FF87D2 | #FF91DC | #FF9BE6 | #FFA5F0 | #FFAAF5 | #FFAFFA | #FFB4FF |
| #FF1493 | #FF1E9D | #FF28A7 | #FF32B1 | #FF3CBB | #FF46C5 | #FF50CF | #FF5AD9 | #FF64E3 | #FF6EED |
|
| |||||||||
| #DB7093 | #DB7A9D | #DB84A7 | #E08EB1 | #E598BB | #EAA2C5 | #EAB1D4 | #EFACCF | #F4BBDE | #F4B6D9 |
| #D7567F | #DC6089 | #E16A93 | #E6749D | #EB7EA7 | #F088B1 | #F592BB | #FA9CC5 | #FFA6CF | #FFB0D9 |
| #C71585 | #C71F8F | #C73399 | #C73DA3 | #CC47AD | #D151B7 | #D65BC1 | #E065CB | #EA6FD5 | #F479DF |
|
| |||||||||
| #CD1039 | #CD1F48 | #CD2E57 | #CD3861 | #CD426B | #D24C75 | #D7567F | #DC6089 | #E16A93 | #E6749D |
| #B9062F | #B91A4D | #BE2457 | #C32E61 | #C8386B | #CD4275 | #D24C7F | #D75689 | #DC6093 | #E16A9D |
| #FAEB78 | #FAF082 | #FAF58C | #FAFA96 | #FAFAA0 | #FAFAAA | #FAFAB4 | #FAFABE | #FAFAD2 | #FAFAD2 |
| #FFDC3C | #FFE146 | #FFE650 | #FFEB5A | #FFF064 | #FFF56E | #FFFA78 | #FFFA82 | #FFFF8C | #FFFF96 |
| #FFC81E | #FFD228 | #FFD732 | #FFDC3C | #FFE146 | #FFE650 | #FFEB5A | #FFF064 | #FFF56E | #FFF978 |
| #FFB400 | #FFBE0A | #FFC314 | #FFC81E | #FFCD28 | #FFD232 | #FFD73C | #FFDC46 | #FFE150 | #FFE65A |
|
| |||||||||
| #FDCD8C | #FDD296 | #FDD7A0 | #FDDCAA | #FDE1B4 | #FDE6BE | #FDEBC8 | #FDF5D2 | #FDF5DC | #FDF5E6 |
| #FAC87D | #FACD87 | #FAD291 | #FAD79B | #FADCA5 | #FAE1AF | #FAE6B9 | #FAEBC3 | #FAEBCD | #FAEBD7 |
| #FFA500 | #FFAF0A | #FFB914 | #FFC31E | #FFCD28 | #FFD732 | #FFDC37 | #FFE13C | #FFE641 | #FFEB46 |
| #FF9100 | #FF9B00 | #FFA500 | #FFAF00 | #FFB900 | #FFC300 | #FFC800 | #FFCD00 | #FFD200 | #FFD700 |
| #FF8200 | #FF8C0A | #FF9614 | #FFA01E | #FFAA28 | #FFB432 | #FFB937 | #FFBE3C | #FFC341 | #FFC846 |
|
| |||||||||
| #FFA98F | #FFB399 | #FFBDA3 | #FFC7AD | #FFD1B7 | #FFDBC1 | #FFE0C6 | #FFE5CB | #FFEAD0 | #FFEFD5 |
| #FFA374 | #FFAD7E | #FFB788 | #FFC192 | #FFCB9C | #FFD0A1 | #FFD5A6 | #FFDAAB | #FFDFB0 | #FFE4B5 |
| #FF9473 | #FF9E7D | #FFA887 | #FFB291 | #FFBC9B | #FFC6A5 | #FFD0AF | #FFD0AF | #FFD5B4 | #FFDAB9 |
| #FF7F50 | #FF895A | #FF9364 | #FF9D6E | #FFA778 | #FFB182 | #FFBB8C | #FFC091 | #FFC596 | #FFCA9B |
|
| |||||||||
| #CD853F | #CD8F49 | #D29953 | #D7A35D | #DCAD67 | #E1B771 | #E6C17B | #EBC680 | #F0CB85 | #F5D08A |
| #D2691E | #D27328 | #D27D32 | #D7873C | #DC9146 | #E19B50 | #E6A55A | #EBAA5F | #EBAF64 | #F0B469 |
| #AE5E1A | #B86824 | #C2722E | #CC7C38 | #D68642 | #E0904C | #E59551 | #EA9A56 | #EF9F5B | #F4A460 |
| #8B4513 | #8B4F1D | #8B5927 | #8B6331 | #906D3B | #957745 | #9F814F | #A48654 | #A98B59 | #AE905E |
| #FF9696 | #FFA0A0 | #FFAAAA | #FFB4B4 | #FFBEBE | #FFC8C8 | #FFD2D2 | #FFDCDC | #FFE6E6 | #FFF0F0 |
| #F08080 | #F08A8A | #F09494 | #F59E9E | #FAA8A8 | #FAB2B2 | #FAB7B7 | #FABCBC | #FAC1C1 | #FAC6C6 |
| #F56E6E | #F57878 | #F58282 | #F58C8C | #F59696 | #F5A0A0 | #F5AAAA | #FAB4B4 | #FABEBE | #FAC8C8 |
| #F06464 | #F06E6E | #F07878 | #F08282 | #F08C8C | #F09696 | #F4A0A0 | #F4AAAA | #F4B4B4 | #FEBEBE |
|
| |||||||||
| #FF0000 | #FF3232 | #FF4646 | #FF5050 | #FF5A5A | #FF6464 | #FF6E6E | #FF7878 | #FF8282 | #FF8C8C |
| #EB0000 | #EB3232 | #EB4646 | #EB5050 | #EB5A5A | #EB6464 | #F06E6E | #F57878 | #FA8282 | #FA8C8C |
| #CD0000 | #CD3C3C | #CD4646 | #CD5050 | #D25A5A | #D76464 | #DC6E6E | #E17878 | #E68282 | #EB8C8C |
|
| |||||||||
| #CD5C5C | #CD6666 | #CD7070 | #CD7A7A | #D28484 | #D78E8E | #DC9898 | #E6A2A2 | #EBACAC | #F0B6B6 |
| #B90000 | #B93232 | #B93C3C | #B94646 | #B95050 | #BE5A5A | #C35F5F | #C86464 | #CD6969 | #D26E6E |
| #B22222 | #B24040 | #B24A4A | #B25454 | #B75E5E | #BC6868 | #C17272 | #CB7776 | #CB7C7C | #D08180 |
| #A52A2A | #AA3E3E | #AF4848 | #B45252 | #BE5C5C | #C36666 | #CD7070 | #CD7A7A | #D28484 | #D78E8E |
| #800000 | #803232 | #853C3C | #8F4646 | #945050 | #9E5A5A | #A36464 | #AD6E6E | #B77878 | #C18282 |
| #CD853F | #CD8B45 | #CD904A | #D2954F | #D29A54 | #D79F59 | #D7A45E | #E1A963 | #E1AE68 | #E6B36D |
| #DB631F | #E56D29 | #E57733 | #EA813D | #EF8B47 | #EF904C | #F49551 | #F49A56 | #F49F5B | #F4A460 |
| #D2691E | #D27328 | #D77D32 | #D7873C | #DC9146 | #E19B50 | #E6A055 | #EBA55A | #F0AA5F | #F5AF64 |
| #A0522D | #A05C37 | #A06641 | #A5704B | #AA7A55 | #B4845F | #B98E69 | #C39873 | #CDA27D | #D7AC87 |
| #8B4513 | #8B4F1D | #8B5927 | #8B6331 | #906D3B | #9A7745 | #A4814F | #AE8B59 | #B89563 | #C29F6D |
|
| |||||||||
| #DA70D6 | #DF75DB | #E47AE0 | #E97FE5 | #EE84EA | #F389EF | #F88EF4 | #FD93F9 | #FF98FE | #FF9DFF |
| #BA55D3 | #BF5AD8 | #C45FDD | #C964E2 | #CE69E7 | #D36EEC | #D873F1 | #DD78F6 | #E27DFB | #E782FF |
| #9932CC | #9E37D1 | #A33CD6 | #A841DB | #AD46E0 | #B24BE5 | #B750EA | #BC55EF | #C15AF4 | #C65FF9 |
| #9400D3 | #9905D8 | #9E0ADD | #A30FE2 | #A814E7 | #AD19EC | #B21EF1 | #B723F6 | #BC28FB | #C12DFF |
|
| |||||||||
| #942894 | #9E329E | #A83CA8 | #B246B2 | #BC50BC | #C65AC6 | #D064D0 | #DA6EDA | #E478E4 | #EE82EE |
| #8c008c | #960a96 | #a014a0 | #aa1eaa | #b428b4 | #be32be | #c83cc8 | #d246d2 | #dc50dc | #e65ae6 |
| #800080 | #8a0a8a | #941494 | #9e1e9e | #a828a8 | #b232b2 | #bc3cbc | #c646c6 | #d050d0 | #da5ada |
| #834683 | #8d508d | #975a97 | #a164a1 | #ab6eab | #b578b5 | #bf82bf | #c98cc9 | #d396d3 | #dda0dd |
|
| |||||||||
| #828282 | #8c8c8c | #969696 | #a0a0a0 | #aaaaaa | #b4b4b4 | #bebebe | #c8c8c8 | #d2d2d2 | #dcdcdc |
| #000000 | #282828 | #323232 | #3c3c3c | #464646 | #505050 | #5a5a5a | #646464 | #6e6e6e | #787878 |