#aabaca
RGB
赤 | 170 |
---|---|
緑 | 186 |
青 | 202 |
HSL
色相 | 210° |
---|---|
彩度 | 23% |
明度 | 73% |
輝度 | 72% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 170, 緑 = 186, 青 = 202 )
HSL ( 色相 = 210°, 彩度 = 23%, 明度 = 73% )
H : 色相 ( 210° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #caaaaa : -210
10 : #cab0aa : -200
20 : #cab5aa : -190
30 : #cabaaa : -180
40 : #cabfaa : -170
50 : #cac5aa : -160
60 : #cacaaa : -150
70 : #c5caaa : -140
80 : #bfcaaa : -130
90 : #bacaaa : -120
100 : #b5caaa : -110
110 : #b0caaa : -100
120 : #aacaaa : -90
130 : #aacab0 : -80
140 : #aacab5 : -70
150 : #aacaba : -60
160 : #aacabf : -50
170 : #aacac5 : -40
180 : #aacaca : -30
190 : #aac5ca : -20
200 : #aabfca : -10
210 : #aabaca : ±0
220 : #aab5ca : +10
230 : #aab0ca : +20
240 : #aaaaca : +30
250 : #b0aaca : +40
260 : #b5aaca : +50
270 : #baaaca : +60
280 : #bfaaca : +70
290 : #c5aaca : +80
300 : #caaaca : +90
310 : #caaac5 : +100
320 : #caaabf : +110
330 : #caaaba : +120
340 : #caaab5 : +130
350 : #caaab0 : +140
200 : #aabfca : -10
201 : #aabfca : -9
202 : #aabeca : -8
203 : #aabeca : -7
204 : #aabdca : -6
205 : #aabdca : -5
206 : #aabcca : -4
207 : #aabcca : -3
208 : #aabbca : -2
209 : #aabbca : -1
210 : #aabaca : ±0
211 : #aabaca : +1
212 : #aab9ca : +2
213 : #aab9ca : +3
214 : #aab8ca : +4
215 : #aab8ca : +5
216 : #aab7ca : +6
217 : #aab6ca : +7
218 : #aab6ca : +8
219 : #aab5ca : +9
220 : #aab5ca : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b9babb : -22
3 : #b8babc : -20
5 : #b7babe : -18
7 : #b5babf : -16
9 : #b4bac0 : -14
11 : #b3bac2 : -12
13 : #b1bac3 : -10
15 : #b0bac4 : -8
17 : #aebac6 : -6
19 : #adbac7 : -4
21 : #acbac9 : -2
23 : #aabaca : ±0
25 : #a9bacb : +2
27 : #a8bacd : +4
29 : #a6bace : +6
31 : #a5bacf : +8
33 : #a3bad1 : +10
35 : #a2bad2 : +12
37 : #a1bad4 : +14
39 : #9fbad5 : +16
41 : #9ebad6 : +18
43 : #9dbad8 : +20
45 : #9bbad9 : +22
47 : #9abadb : +24
49 : #98badc : +26
51 : #97badd : +28
53 : #96badf : +30
55 : #94bae0 : +32
57 : #93bae1 : +34
59 : #92bae3 : +36
61 : #90bae4 : +38
63 : #8fbae6 : +40
65 : #8dbae7 : +42
67 : #8cbae8 : +44
69 : #8bbaea : +46
71 : #89baeb : +48
73 : #88baec : +50
75 : #87baee : +52
77 : #85baef : +54
79 : #84baf1 : +56
81 : #82baf2 : +58
83 : #81baf3 : +60
85 : #80baf5 : +62
87 : #7ebaf6 : +64
89 : #7dbaf7 : +66
91 : #7bbaf9 : +68
93 : #7abafa : +70
95 : #79bafc : +72
97 : #77bafd : +74
99 : #76bafe : +76
L : 明度 ( 73% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -72
3 : #060809 : -70
5 : #0a0d10 : -68
7 : #0e1216 : -66
9 : #12171c : -64
11 : #161c23 : -62
13 : #1a2129 : -60
15 : #1d262f : -58
17 : #212b35 : -56
19 : #25303c : -54
21 : #293642 : -52
23 : #2d3b48 : -50
25 : #31404e : -48
27 : #354555 : -46
29 : #394a5b : -44
31 : #3d4f61 : -42
33 : #415468 : -40
35 : #45596e : -38
37 : #495e74 : -36
39 : #4d637a : -34
41 : #516981 : -32
43 : #546e87 : -30
45 : #58738d : -28
47 : #5c7893 : -26
49 : #607d9a : -24
51 : #65829f : -22
53 : #6c87a3 : -20
55 : #728ca7 : -18
57 : #7891ab : -16
59 : #7e96ae : -14
61 : #859cb2 : -12
63 : #8ba1b6 : -10
65 : #91a6ba : -8
67 : #97abbe : -6
69 : #9eb0c2 : -4
71 : #a4b5c6 : -2
73 : #aabaca : ±0
75 : #b1bfce : +2
77 : #b7c4d2 : +4
79 : #bdc9d6 : +6
81 : #c3cfda : +8
83 : #cad4de : +10
85 : #d0d9e2 : +12
87 : #d6dee5 : +14
89 : #dce3e9 : +16
91 : #e3e8ed : +18
93 : #e9edf1 : +20
95 : #eff2f5 : +22
97 : #f6f7f9 : +24
99 : #fcfcfd : +26
CSS入門、作ってます。
text-shadow