#c6cabf
RGB
| 赤 | 198 |
|---|---|
| 緑 | 202 |
| 青 | 191 |
HSL
| 色相 | 82° |
|---|---|
| 彩度 | 9% |
| 明度 | 77% |
| 輝度 | 78% |
３桁の色
補色
反転色
RGB ( 赤 = 198, 緑 = 202, 青 = 191 )
HSL ( 色相 = 82°, 彩度 = 9%, 明度 = 77% )
H : 色相 ( 82° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #cabfbf : -80
12 : #cac1bf : -70
22 : #cac3bf : -60
32 : #cac5bf : -50
42 : #cac6bf : -40
52 : #cac8bf : -30
62 : #c9cabf : -20
72 : #c8cabf : -10
82 : #c6cabf : ±0
92 : #c4cabf : +10
102 : #c2cabf : +20
112 : #c0cabf : +30
122 : #bfcabf : +40
132 : #bfcac1 : +50
142 : #bfcac3 : +60
152 : #bfcac5 : +70
162 : #bfcac6 : +80
172 : #bfcac8 : +90
182 : #bfc9ca : +100
192 : #bfc8ca : +110
202 : #bfc6ca : +120
212 : #bfc4ca : +130
222 : #bfc2ca : +140
232 : #bfc0ca : +150
242 : #bfbfca : +160
252 : #c1bfca : +170
262 : #c3bfca : +180
272 : #c5bfca : +190
282 : #c6bfca : +200
292 : #c8bfca : +210
302 : #cabfc9 : +220
312 : #cabfc8 : +230
322 : #cabfc6 : +240
332 : #cabfc4 : +250
342 : #cabfc2 : +260
352 : #cabfc0 : +270
72 : #c8cabf : -10
73 : #c7cabf : -9
74 : #c7cabf : -8
75 : #c7cabf : -7
76 : #c7cabf : -6
77 : #c7cabf : -5
78 : #c6cabf : -4
79 : #c6cabf : -3
80 : #c6cabf : -2
81 : #c6cabf : -1
82 : #c6cabf : ±0
83 : #c6cabf : +1
84 : #c5cabf : +2
85 : #c5cabf : +3
86 : #c5cabf : +4
87 : #c5cabf : +5
88 : #c5cabf : +6
89 : #c5cabf : +7
90 : #c4cabf : +8
91 : #c4cabf : +9
92 : #c4cabf : +10
S : 彩度 ( 9% )
(0%) 渋い ～ 鮮やか (100%)
1 : #c5c5c4 : -8
3 : #c5c6c3 : -6
5 : #c5c7c1 : -4
7 : #c5c8c0 : -2
9 : #c6cabf : ±0
11 : #c6cbbe : +2
13 : #c6ccbd : +4
15 : #c7cdbc : +6
17 : #c7ceba : +8
19 : #c7cfb9 : +10
21 : #c8d1b8 : +12
23 : #c8d2b7 : +14
25 : #c8d3b6 : +16
27 : #c9d4b5 : +18
29 : #c9d5b3 : +20
31 : #c9d7b2 : +22
33 : #cad8b1 : +24
35 : #cad9b0 : +26
37 : #cadaaf : +28
39 : #cadbad : +30
41 : #cbdcac : +32
43 : #cbdeab : +34
45 : #cbdfaa : +36
47 : #cce0a9 : +38
49 : #cce1a8 : +40
51 : #cce2a6 : +42
53 : #cde3a5 : +44
55 : #cde5a4 : +46
57 : #cde6a3 : +48
59 : #cee7a2 : +50
61 : #cee8a1 : +52
63 : #cee99f : +54
65 : #cfea9e : +56
67 : #cfec9d : +58
69 : #cfed9c : +60
71 : #cfee9b : +62
73 : #d0ef9a : +64
75 : #d0f098 : +66
77 : #d0f297 : +68
79 : #d1f396 : +70
81 : #d1f495 : +72
83 : #d1f594 : +74
85 : #d2f692 : +76
87 : #d2f791 : +78
89 : #d2f990 : +80
91 : #d3fa8f : +82
93 : #d3fb8e : +84
95 : #d3fc8d : +86
97 : #d4fd8b : +88
99 : #d4fe8a : +90
L : 明度 ( 77% )
(0%) 暗い ～ 明るい (100%)
1 : #030302 : -76
3 : #080807 : -74
5 : #0d0e0c : -72
7 : #121310 : -70
9 : #181915 : -68
11 : #1d1f1a : -66
13 : #22241e : -64
15 : #272a23 : -62
17 : #2c2f27 : -60
19 : #32352c : -58
21 : #373a31 : -56
23 : #3c4035 : -54
25 : #41453a : -52
27 : #474b3f : -50
29 : #4c5143 : -48
31 : #515648 : -46
33 : #565c4d : -44
35 : #5b6151 : -42
37 : #616756 : -40
39 : #666c5a : -38
41 : #6b725f : -36
43 : #707864 : -34
45 : #767d68 : -32
47 : #7b836d : -30
49 : #808872 : -28
51 : #858d77 : -26
53 : #8a927c : -24
55 : #8f9782 : -22
57 : #949b87 : -20
59 : #99a08d : -18
61 : #9ea593 : -16
63 : #a3a998 : -14
65 : #a8ae9e : -12
67 : #adb2a3 : -10
69 : #b2b7a9 : -8
71 : #b7bcae : -6
73 : #bcc0b4 : -4
75 : #c1c5ba : -2
77 : #c6cabf : ±0
79 : #cbcec5 : +2
81 : #d0d3ca : +4
83 : #d5d8d0 : +6
85 : #dadcd5 : +8
87 : #dfe1db : +10
89 : #e4e5e0 : +12
91 : #e9eae6 : +14
93 : #eeefec : +16
95 : #f3f3f1 : +18
97 : #f8f8f7 : +20
99 : #fdfdfc : +22
CSS入門、作ってます。
text-shadow