#c3c8cb
RGB
赤 | 195 |
---|---|
緑 | 200 |
青 | 203 |
HSL
色相 | 203° |
---|---|
彩度 | 7% |
明度 | 78% |
輝度 | 78% |
3桁の色
補色
反転色
RGB ( 赤 = 195, 緑 = 200, 青 = 203 )
HSL ( 色相 = 203°, 彩度 = 7%, 明度 = 78% )
H : 色相 ( 203° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cbc3c3 : -200
13 : #cbc5c3 : -190
23 : #cbc6c3 : -180
33 : #cbc7c3 : -170
43 : #cbc9c3 : -160
53 : #cbcac3 : -150
63 : #cacbc3 : -140
73 : #c9cbc3 : -130
83 : #c8cbc3 : -120
93 : #c7cbc3 : -110
103 : #c5cbc3 : -100
113 : #c4cbc3 : -90
123 : #c3cbc3 : -80
133 : #c3cbc5 : -70
143 : #c3cbc6 : -60
153 : #c3cbc7 : -50
163 : #c3cbc9 : -40
173 : #c3cbca : -30
183 : #c3cacb : -20
193 : #c3c9cb : -10
203 : #c3c8cb : ±0
213 : #c3c7cb : +10
223 : #c3c5cb : +20
233 : #c3c4cb : +30
243 : #c3c3cb : +40
253 : #c5c3cb : +50
263 : #c6c3cb : +60
273 : #c7c3cb : +70
283 : #c9c3cb : +80
293 : #cac3cb : +90
303 : #cbc3ca : +100
313 : #cbc3c9 : +110
323 : #cbc3c8 : +120
333 : #cbc3c7 : +130
343 : #cbc3c5 : +140
353 : #cbc3c4 : +150
193 : #c3c9cb : -10
194 : #c3c9cb : -9
195 : #c3c9cb : -8
196 : #c3c9cb : -7
197 : #c3c9cb : -6
198 : #c3c8cb : -5
199 : #c3c8cb : -4
200 : #c3c8cb : -3
201 : #c3c8cb : -2
202 : #c3c8cb : -1
203 : #c3c8cb : ±0
204 : #c3c8cb : +1
205 : #c3c8cb : +2
206 : #c3c7cb : +3
207 : #c3c7cb : +4
208 : #c3c7cb : +5
209 : #c3c7cb : +6
210 : #c3c7cb : +7
211 : #c3c7cb : +8
212 : #c3c7cb : +9
213 : #c3c7cb : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #c6c7c7 : -6
3 : #c5c7c9 : -4
5 : #c4c8ca : -2
7 : #c3c8cb : ±0
9 : #c2c8cc : +2
11 : #c1c8cd : +4
13 : #c0c9ce : +6
15 : #bec9cf : +8
17 : #bdc9d0 : +10
19 : #bcc9d2 : +12
21 : #bbcad3 : +14
23 : #bacad4 : +16
25 : #b9cad5 : +18
27 : #b8cad6 : +20
29 : #b7cbd7 : +22
31 : #b6cbd8 : +24
33 : #b4cbd9 : +26
35 : #b3cbdb : +28
37 : #b2ccdc : +30
39 : #b1ccdd : +32
41 : #b0ccde : +34
43 : #afcddf : +36
45 : #aecde0 : +38
47 : #adcde1 : +40
49 : #abcde2 : +42
51 : #aacee4 : +44
53 : #a9cee5 : +46
55 : #a8cee6 : +48
57 : #a7cee7 : +50
59 : #a6cfe8 : +52
61 : #a5cfe9 : +54
63 : #a4cfea : +56
65 : #a2cfeb : +58
67 : #a1d0ec : +60
69 : #a0d0ee : +62
71 : #9fd0ef : +64
73 : #9ed0f0 : +66
75 : #9dd1f1 : +68
77 : #9cd1f2 : +70
79 : #9bd1f3 : +72
81 : #99d2f4 : +74
83 : #98d2f5 : +76
85 : #97d2f7 : +78
87 : #96d2f8 : +80
89 : #95d3f9 : +82
91 : #94d3fa : +84
93 : #93d3fb : +86
95 : #92d3fc : +88
97 : #90d4fd : +90
99 : #8fd4fe : +92
L : 明度 ( 78% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -78
2 : #050505 : -76
4 : #090a0b : -74
6 : #0e1010 : -72
8 : #131516 : -70
10 : #181a1b : -68
12 : #1c1f21 : -66
14 : #212426 : -64
16 : #26292c : -62
18 : #2b2f31 : -60
20 : #2f3437 : -58
22 : #34393c : -56
24 : #393e41 : -54
26 : #3e4347 : -52
28 : #42494c : -50
30 : #474e52 : -48
32 : #4c5357 : -46
34 : #51585d : -44
36 : #555d62 : -42
38 : #5a6268 : -40
40 : #5f686d : -38
42 : #646d73 : -36
44 : #687278 : -34
46 : #6d777e : -32
48 : #727c83 : -30
50 : #778288 : -28
52 : #7c878d : -26
54 : #818c92 : -24
56 : #879197 : -22
58 : #8c969b : -20
60 : #929ba0 : -18
62 : #97a0a5 : -16
64 : #9da5aa : -14
66 : #a2aaae : -12
68 : #a8afb3 : -10
70 : #adb4b8 : -8
72 : #b3b9bd : -6
74 : #b8bec1 : -4
76 : #bec3c6 : -2
78 : #c3c8cb : ±0
80 : #c8cdd0 : +2
82 : #ced2d4 : +4
84 : #d3d7d9 : +6
86 : #d9dcde : +8
88 : #dee1e3 : +10
90 : #e4e6e7 : +12
92 : #e9ebec : +14
94 : #eff0f1 : +16
96 : #f4f5f6 : +18
98 : #fafafa : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow