#bec9ca
RGB
| 赤 | 190 |
|---|---|
| 緑 | 201 |
| 青 | 202 |
HSL
| 色相 | 185° |
|---|---|
| 彩度 | 10% |
| 明度 | 77% |
| 輝度 | 78% |
３桁の色
補色
反転色
RGB ( 赤 = 190, 緑 = 201, 青 = 202 )
HSL ( 色相 = 185°, 彩度 = 10%, 明度 = 77% )
H : 色相 ( 185° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #cabfbe : -180
15 : #cac1be : -170
25 : #cac3be : -160
35 : #cac5be : -150
45 : #cac7be : -140
55 : #cac9be : -130
65 : #c9cabe : -120
75 : #c7cabe : -110
85 : #c5cabe : -100
95 : #c3cabe : -90
105 : #c1cabe : -80
115 : #bfcabe : -70
125 : #becabf : -60
135 : #becac1 : -50
145 : #becac3 : -40
155 : #becac5 : -30
165 : #becac7 : -20
175 : #becac9 : -10
185 : #bec9ca : ±0
195 : #bec7ca : +10
205 : #bec5ca : +20
215 : #bec3ca : +30
225 : #bec1ca : +40
235 : #bebfca : +50
245 : #bfbeca : +60
255 : #c1beca : +70
265 : #c3beca : +80
275 : #c5beca : +90
285 : #c7beca : +100
295 : #c9beca : +110
305 : #cabec9 : +120
315 : #cabec7 : +130
325 : #cabec5 : +140
335 : #cabec3 : +150
345 : #cabec1 : +160
355 : #cabebf : +170
175 : #becac9 : -10
176 : #becac9 : -9
177 : #becaca : -8
178 : #becaca : -7
179 : #becaca : -6
180 : #becaca : -5
181 : #becaca : -4
182 : #becaca : -3
183 : #becaca : -2
184 : #bec9ca : -1
185 : #bec9ca : ±0
186 : #bec9ca : +1
187 : #bec9ca : +2
188 : #bec9ca : +3
189 : #bec8ca : +4
190 : #bec8ca : +5
191 : #bec8ca : +6
192 : #bec8ca : +7
193 : #bec8ca : +8
194 : #bec7ca : +9
195 : #bec7ca : +10
S : 彩度 ( 10% )
(0%) 渋い ～ 鮮やか (100%)
0 : #c4c4c4 : -10
2 : #c3c5c6 : -8
4 : #c2c6c7 : -6
6 : #c1c7c8 : -4
8 : #c0c8c9 : -2
10 : #bec9ca : ±0
12 : #bdcacb : +2
14 : #bccbcd : +4
16 : #bbccce : +6
18 : #bacdcf : +8
20 : #b9ced0 : +10
22 : #b7cfd1 : +12
24 : #b6d0d2 : +14
26 : #b5d1d4 : +16
28 : #b4d2d5 : +18
30 : #b3d3d6 : +20
32 : #b2d4d7 : +22
34 : #b0d5d8 : +24
36 : #afd6d9 : +26
38 : #aed7db : +28
40 : #add8dc : +30
42 : #acd9dd : +32
44 : #abdade : +34
46 : #a9dbdf : +36
48 : #a8dce1 : +38
50 : #a7dde2 : +40
52 : #a6dee3 : +42
54 : #a5dfe4 : +44
56 : #a4e0e5 : +46
58 : #a2e1e6 : +48
60 : #a1e2e8 : +50
62 : #a0e3e9 : +52
64 : #9fe4ea : +54
66 : #9ee5eb : +56
68 : #9ce6ec : +58
70 : #9be7ed : +60
72 : #9ae8ef : +62
74 : #99e9f0 : +64
76 : #98e9f1 : +66
78 : #97eaf2 : +68
80 : #95ebf3 : +70
82 : #94ecf4 : +72
84 : #93edf6 : +74
86 : #92eef7 : +76
88 : #91eff8 : +78
90 : #90f0f9 : +80
92 : #8ef1fa : +82
94 : #8df2fb : +84
96 : #8cf3fd : +86
98 : #8bf4fe : +88
100 : #8af5ff : +90
L : 明度 ( 77% )
(0%) 暗い ～ 明るい (100%)
1 : #020303 : -76
3 : #070808 : -74
5 : #0b0e0e : -72
7 : #101314 : -70
9 : #151919 : -68
11 : #191e1f : -66
13 : #1e2424 : -64
15 : #22292a : -62
17 : #272f30 : -60
19 : #2c3435 : -58
21 : #303a3b : -56
23 : #354041 : -54
25 : #394546 : -52
27 : #3e4b4c : -50
29 : #435051 : -48
31 : #475657 : -46
33 : #4c5b5d : -44
35 : #506162 : -42
37 : #556668 : -40
39 : #5a6c6d : -38
41 : #5e7173 : -36
43 : #637779 : -34
45 : #677c7e : -32
47 : #6c8284 : -30
49 : #708789 : -28
51 : #768c8f : -26
53 : #7b9193 : -24
55 : #819698 : -22
57 : #869a9c : -20
59 : #8c9fa1 : -18
61 : #92a4a5 : -16
63 : #97a9aa : -14
65 : #9dadaf : -12
67 : #a2b2b3 : -10
69 : #a8b7b8 : -8
71 : #aebbbc : -6
73 : #b3c0c1 : -4
75 : #b9c5c6 : -2
77 : #bec9ca : ±0
79 : #c4cecf : +2
81 : #cad3d3 : +4
83 : #cfd7d8 : +6
85 : #d5dcdd : +8
87 : #dbe1e1 : +10
89 : #e0e5e6 : +12
91 : #e6eaea : +14
93 : #ebefef : +16
95 : #f1f3f4 : +18
97 : #f7f8f8 : +20
99 : #fcfdfd : +22
CSS入門、作ってます。
text-shadow