colors


色彩搭配网站 colourlovers官网 | colourlovers论坛 | kuler官网 | colorschemer官网

colortemplate编辑器

vim颜色定制网

256 COLORS

edit color for CSS

目录

cat

colorV

Plugin 'Rykka/colorv.vim'
Plugin 'mattn/webapi-vim'

#334455
\ce
<tab><tab>++
q
#38495C

View colors
:ColorV (<leader>cv): show ColorV window
:ColorVView (<leader>cw): show ColorV window with color text under cursor.
:ColorVPreview (<leader>cpp): Preview colors in current buffer

Edit colors
:ColorVEdit (<leader>ce): Edit color text under cursor
:ColorVEditAll (<leader>cE): Edit color text under cursor and change all in current buffer.
:ColorVInsert (<leader>cii): Insert color with ColorV window.

Design Colors
:ColorVName (<leader>cn): show color name list window.
:ColorVList Hue (<leader>cgh) generate Hue list with color text under cursor.
:ColorVTurn2 {hex1} {hex2} (<leader>cgg) generate Hue list from hex1 to hex2.
:ColorVPicker (<leader>cd): show a GUI color picker.

Design Schemes
:ColorVScheme (<leader>css) Fetch scheme from Kuler or ColourLover
:ColorVSchemeFav (<leader>csf) Show Faved schemes
:ColorVSchemeNew (<leader>csn) Create a new scheme

highlight for interface

ColorColumn used for the columns set with 'colorcolumn'

hl-Conceal Conceal placeholder characters substituted for concealed text (see 'conceallevel')
hl-Cursor Cursor the character under the cursor
hl-CursorIM CursorIM like Cursor, but used when in IME mode CursorIM
hl-CursorColumn CursorColumn the screen column that the cursor is in when 'cursorcolumn' is set
hl-CursorLine CursorLine the screen line that the cursor is in when 'cursorline' is set
hl-Directory Directory directory names (and other special names in listings)
hl-DiffAdd DiffAdd diff mode: Added line diff.txt
hl-DiffChange DiffChange diff mode: Changed line diff.txt
hl-DiffDelete DiffDelete diff mode: Deleted line diff.txt
hl-DiffText DiffText diff mode: Changed text within a changed line diff.txt
hl-ErrorMsg ErrorMsg error messages on the command line
hl-VertSplit VertSplit the column separating vertically split windows
hl-Folded Folded line used for closed folds
hl-FoldColumn FoldColumn 'foldcolumn'
hl-SignColumn SignColumn column where signs are displayed
hl-IncSearch IncSearch 'incsearch' highlighting; also used for the text replaced with ":s///c"
hl-LineNr LineNr Line number for ":number" and ":#" commands, and when 'number' or 'relativenumber' option is set.
hl-MatchParen MatchParen The character under the cursor or just before it, if it is a paired bracket, and its match. pi_paren.txt
hl-ModeMsg ModeMsg 'showmode' message (e.g., "-- INSERT --")
hl-MoreMsg MoreMsg more-prompt
hl-NonText NonText '~' and '@' at the end of the window, characters from 'showbreak' and other characters that do not really exist in the text (e.g., ">" displayed when a double-wide character doesn't fit at the end of the line).
hl-Normal Normal normal text
hl-Pmenu Pmenu Popup menu: normal item.
hl-PmenuSel PmenuSel Popup menu: selected item.
hl-PmenuSbar PmenuSbar Popup menu: scrollbar.
hl-PmenuThumb PmenuThumb Popup menu: Thumb of the scrollbar.
hl-Question Question hit-enter prompt and yes/no questions
hl-Search Search Last search pattern highlighting (see 'hlsearch'). Also used for highlighting the current line in the quickfix window and similar items that need to stand out.
hl-SpecialKey SpecialKey Meta and special keys listed with ":map", also for text used to show unprintable characters in the text, 'listchars'. Generally: text that is displayed differently from what it really is.
hl-SpellBad SpellBad Word that is not recognized by the spellchecker. spell This will be combined with the highlighting used otherwise.
hl-SpellCap SpellCap Word that should start with a capital. spell This will be combined with the highlighting used otherwise.
hl-SpellLocal SpellLocal Word that is recognized by the spellchecker as one that is used in another region. spell This will be combined with the highlighting used otherwise.
hl-SpellRare SpellRare Word that is recognized by the spellchecker as one that is hardly ever used. spell This will be combined with the highlighting used otherwise.
hl-StatusLine StatusLine status line of current window
hl-StatusLineNC StatusLineNC status lines of not-current windows Note: if this is equal to "StatusLine" Vim will use "^^^" in the status line of the current window.
hl-TabLine TabLine tab pages line, not active tab page label
hl-TabLineFill TabLineFill tab pages line, where there are no labels
hl-TabLineSel TabLineSel tab pages line, active tab page label
hl-Title Title titles for output from ":set all", ":autocmd" etc.
hl-Visual Visual Visual mode selection
hl-VisualNOS VisualNOS Visual mode selection when vim is "Not Owning the Selection". Only X11 Gui's gui-x11 and xterm-clipboard supports this.
hl-WarningMsg WarningMsg warning messages
hl-WildMenu WildMenu current match in 'wildmenu' completion

highlight for syntax

*Constant any constant
String a string constant: "this is a string"
Character a character constant: 'c', '\n'
Number a number constant: 234, 0xff
Boolean a boolean constant: TRUE, false
Float a floating point constant: 2.3e10
*Identifier any variable name
Function function name (also: methods for classes)
*Statement any statement
Conditional if, then, else, endif, switch, etc.
Repeat for, do, while, etc.
Label case, default, etc.
Operator "sizeof", "+", "*", etc.
Keyword any other keyword
Exception try, catch, throw
*PreProc generic Preprocessor
Include preprocessor #include
Define preprocessor #define
Macro same as Define
PreCondit preprocessor #if, #else, #endif, etc.
*Type int, long, char, etc.
StorageClass static, register, volatile, etc.
Structure struct, union, enum, etc.
Typedef A typedef
*Special any special symbol
SpecialChar special character in a constant
Tag you can use CTRL-] on this
Delimiter character that needs attention
SpecialComment special things inside a comment
Debug debugging statements
*Underlined text that stands out, HTML links
*Ignore left blank, hidden hl-Ignore
*Error any erroneous construct
*Todo extra attention; keywords TODO FIXME and XXX

cterm color

NR-16 NR-8 COLOR NAME
0 0 Black
1 4 DarkBlue
2 2 DarkGreen
3 6 DarkCyan
4 1 DarkRed
5 5 DarkMagenta
6 3 Brown, DarkYellow
7 7 LightGray, LightGrey, Gray, Grey
8 0* DarkGray, DarkGrey
9 4* Blue, LightBlue
10 2* Green, LightGreen
11 6* Cyan, LightCyan
12 1* Red, LightRed
13 5* Magenta, LightMagenta
14 3* Yellow, LightYellow
15 7* White

HLS色彩原理

色彩有六种标准色: 红 橙 黄 绿 青 紫 这六种色中,又有细分:  
(1)三原色: 红 黄 青  
(2)间色: 橙(红加黄) 绿(黄加青) 紫(青加红)  

上述六色的排列中,原色总是间隔着一个间色,因此,只需将标准色背熟,对于原色及间色我们就可以分清了。  

事实上,还有一些颜色没有包括在以上色彩中。 金、银、灰、黑、白是五种中性色。  

一般来说,除非染上一定的感情色彩,我们的背景都采用灰、黑、白这三种颜色,因为金银太耀眼了,而灰、黑、白由于是中性色,比较容易与其它颜色搭配。  

一般的颜色的明度者不同,因此产生的距离感也不同。按明度顺序排列: 
1黄、2橙、3红、4绿、5青、6紫。
我们可以发现,按照16、25、34的顺序,就可以得到对比色。善于运用对比色,对我们的设计是很有好处的。
如:万绿丛中一点红。就是一个典型的例子。  

在黑色背景上,黄最近。而在白色背景上,则紫最近。  

因此,距离感只是相对而言,与我们的背景的对比。在设计中,有明度、纯度和冷暖的对比,
而色彩的冷暖是设计问题的主要攻坚项目。这时我们需要《康定斯基定律》,其主要内容:  

将色彩分成角度:
红90度,橙 60度,黄 80度,蓝 190度,紫120度。 其中  
钝角:钝拙、柔弱、冷色
锐角:敏锐、强烈、暖色
这样就可以比较清楚的掌握了。  

我们来看看怎样调和色彩。调和色彩的基本法则是:页面各部分色彩一定要构成适当的色彩关系。组成统一的色调,表达某种情绪。这才会有自己的风格。怎样才能做到这一点呢?  

(1)确立主调统率页面的色彩关系。当页面上有几个色块时,必须以其中一块颜色为主,而且其面积,明度,位置大于其它色块。  
(2)不但要善于运用原色,而且还要善于运用金、银、黑、白和灰这些中性色进行缓解,中和,以烘托出主题。  
(3)增加共同点,会使设计更趋向协调。  
(4)拉开距离,目的是为了主次分开,不要堆成一堆,别人看了都觉得讨厌。 可有方法:或者从平面拉开,或者从纯度和明度削弱。  

① 两色一深一浅。  
② 同时变化原有明度  
③ 纯度对比,使一色鲜艳而一色朦胧  
④ 同时变化原有纯度