#aba3c3
RGB
赤 | 171 |
---|---|
緑 | 163 |
青 | 195 |
HSL
色相 | 255° |
---|---|
彩度 | 21% |
明度 | 70% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 171, 緑 = 163, 青 = 195 )
HSL ( 色相 = 255°, 彩度 = 21%, 明度 = 70% )
H : 色相 ( 255° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c3a5a2 : -250
15 : #c3aaa2 : -240
25 : #c3b0a2 : -230
35 : #c3b5a2 : -220
45 : #c3bba2 : -210
55 : #c3c0a2 : -200
65 : #c0c3a2 : -190
75 : #bbc3a2 : -180
85 : #b5c3a2 : -170
95 : #b0c3a2 : -160
105 : #aac3a2 : -150
115 : #a5c3a2 : -140
125 : #a2c3a5 : -130
135 : #a2c3aa : -120
145 : #a2c3b0 : -110
155 : #a2c3b5 : -100
165 : #a2c3bb : -90
175 : #a2c3c0 : -80
185 : #a2c0c3 : -70
195 : #a2bbc3 : -60
205 : #a2b5c3 : -50
215 : #a2b0c3 : -40
225 : #a2aac3 : -30
235 : #a2a5c3 : -20
245 : #a5a2c3 : -10
255 : #aaa2c3 : ±0
265 : #b0a2c3 : +10
275 : #b5a2c3 : +20
285 : #bba2c3 : +30
295 : #c0a2c3 : +40
305 : #c3a2c0 : +50
315 : #c3a2bb : +60
325 : #c3a2b5 : +70
335 : #c3a2b0 : +80
345 : #c3a2aa : +90
355 : #c3a2a5 : +100
245 : #a5a2c3 : -10
246 : #a6a2c3 : -9
247 : #a6a2c3 : -8
248 : #a7a2c3 : -7
249 : #a7a2c3 : -6
250 : #a8a2c3 : -5
251 : #a8a2c3 : -4
252 : #a9a2c3 : -3
253 : #a9a2c3 : -2
254 : #aaa2c3 : -1
255 : #aaa2c3 : ±0
256 : #aba2c3 : +1
257 : #aca2c3 : +2
258 : #aca2c3 : +3
259 : #ada2c3 : +4
260 : #ada2c3 : +5
261 : #aea2c3 : +6
262 : #aea2c3 : +7
263 : #afa2c3 : +8
264 : #afa2c3 : +9
265 : #b0a2c3 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b2b2b3 : -20
3 : #b1b0b5 : -18
5 : #b1afb6 : -16
7 : #b0adb8 : -14
9 : #afacb9 : -12
11 : #aeaabb : -10
13 : #aea9bc : -8
15 : #ada7be : -6
17 : #aca5c0 : -4
19 : #aba4c1 : -2
21 : #aaa2c3 : ±0
23 : #aaa1c4 : +2
25 : #a99fc6 : +4
27 : #a89ec7 : +6
29 : #a79cc9 : +8
31 : #a79bca : +10
33 : #a699cc : +12
35 : #a598cd : +14
37 : #a496cf : +16
39 : #a495d0 : +18
41 : #a393d2 : +20
43 : #a292d3 : +22
45 : #a190d5 : +24
47 : #a18fd6 : +26
49 : #a08dd8 : +28
51 : #9f8bda : +30
53 : #9e8adb : +32
55 : #9d88dd : +34
57 : #9d87de : +36
59 : #9c85e0 : +38
61 : #9b84e1 : +40
63 : #9a82e3 : +42
65 : #9a81e4 : +44
67 : #997fe6 : +46
69 : #987ee7 : +48
71 : #977ce9 : +50
73 : #977bea : +52
75 : #9679ec : +54
77 : #9578ed : +56
79 : #9476ef : +58
81 : #9475f0 : +60
83 : #9373f2 : +62
85 : #9271f4 : +64
87 : #9170f5 : +66
89 : #906ef7 : +68
91 : #906df8 : +70
93 : #8f6bfa : +72
95 : #8e6afb : +74
97 : #8d68fd : +76
99 : #8d67fe : +78
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #050406 : -68
4 : #09080c : -66
6 : #0e0c13 : -64
8 : #121019 : -62
10 : #17141f : -60
12 : #1b1825 : -58
14 : #201c2b : -56
16 : #252031 : -54
18 : #292438 : -52
20 : #2e283e : -50
22 : #322c44 : -48
24 : #37304a : -46
26 : #3b3450 : -44
28 : #403856 : -42
30 : #443c5d : -40
32 : #494063 : -38
34 : #4e4469 : -36
36 : #52496f : -34
38 : #574d75 : -32
40 : #5b517b : -30
42 : #605582 : -28
44 : #645988 : -26
46 : #695d8e : -24
48 : #6e6194 : -22
50 : #72659a : -20
52 : #786b9e : -18
54 : #7d71a2 : -16
56 : #8377a6 : -14
58 : #897daa : -12
60 : #8e84ae : -10
62 : #948ab2 : -8
64 : #9a90b6 : -6
66 : #9f96bb : -4
68 : #a59cbf : -2
70 : #aaa2c3 : ±0
72 : #b0a9c7 : +2
74 : #b6afcb : +4
76 : #bbb5cf : +6
78 : #c1bbd3 : +8
80 : #c7c1d7 : +10
82 : #ccc7db : +12
84 : #d2cedf : +14
86 : #d8d4e3 : +16
88 : #dddae7 : +18
90 : #e3e0eb : +20
92 : #e8e6ef : +22
94 : #eeecf3 : +24
96 : #f4f3f7 : +26
98 : #f9f9fb : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow