#b0cfc1
RGB
赤 | 176 |
---|---|
緑 | 207 |
青 | 193 |
HSL
色相 | 153° |
---|---|
彩度 | 24% |
明度 | 75% |
輝度 | 77% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 176, 緑 = 207, 青 = 193 )
HSL ( 色相 = 153°, 彩度 = 24%, 明度 = 75% )
H : 色相 ( 153° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cfb1b0 : -150
13 : #cfb7b0 : -140
23 : #cfbcb0 : -130
33 : #cfc1b0 : -120
43 : #cfc6b0 : -110
53 : #cfcbb0 : -100
63 : #cdcfb0 : -90
73 : #c8cfb0 : -80
83 : #c3cfb0 : -70
93 : #becfb0 : -60
103 : #b9cfb0 : -50
113 : #b4cfb0 : -40
123 : #b0cfb1 : -30
133 : #b0cfb7 : -20
143 : #b0cfbc : -10
153 : #b0cfc1 : ±0
163 : #b0cfc6 : +10
173 : #b0cfcb : +20
183 : #b0cdcf : +30
193 : #b0c8cf : +40
203 : #b0c3cf : +50
213 : #b0becf : +60
223 : #b0b9cf : +70
233 : #b0b4cf : +80
243 : #b1b0cf : +90
253 : #b7b0cf : +100
263 : #bcb0cf : +110
273 : #c1b0cf : +120
283 : #c6b0cf : +130
293 : #cbb0cf : +140
303 : #cfb0cd : +150
313 : #cfb0c8 : +160
323 : #cfb0c3 : +170
333 : #cfb0be : +180
343 : #cfb0b9 : +190
353 : #cfb0b4 : +200
143 : #b0cfbc : -10
144 : #b0cfbc : -9
145 : #b0cfbd : -8
146 : #b0cfbd : -7
147 : #b0cfbe : -6
148 : #b0cfbe : -5
149 : #b0cfbf : -4
150 : #b0cfbf : -3
151 : #b0cfc0 : -2
152 : #b0cfc0 : -1
153 : #b0cfc1 : ±0
154 : #b0cfc1 : +1
155 : #b0cfc2 : +2
156 : #b0cfc2 : +3
157 : #b0cfc3 : +4
158 : #b0cfc3 : +5
159 : #b0cfc4 : +6
160 : #b0cfc4 : +7
161 : #b0cfc5 : +8
162 : #b0cfc5 : +9
163 : #b0cfc6 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bfbfbf : -24
2 : #bec1bf : -22
4 : #bdc2c0 : -20
6 : #bbc3c0 : -18
8 : #bac4c0 : -16
10 : #b9c6c0 : -14
12 : #b8c7c0 : -12
14 : #b6c8c0 : -10
16 : #b5c9c0 : -8
18 : #b4cbc0 : -6
20 : #b3ccc1 : -4
22 : #b1cdc1 : -2
24 : #b0cfc1 : ±0
26 : #afd0c1 : +2
28 : #add1c1 : +4
30 : #acd2c1 : +6
32 : #abd4c1 : +8
34 : #aad5c1 : +10
36 : #a8d6c2 : +12
38 : #a7d7c2 : +14
40 : #a6d9c2 : +16
42 : #a4dac2 : +18
44 : #a3dbc2 : +20
46 : #a2ddc2 : +22
48 : #a1dec2 : +24
50 : #9fdfc2 : +26
52 : #9ee0c3 : +28
54 : #9de2c3 : +30
56 : #9ce3c3 : +32
58 : #9ae4c3 : +34
60 : #99e6c3 : +36
62 : #98e7c3 : +38
64 : #96e8c3 : +40
66 : #95e9c3 : +42
68 : #94ebc4 : +44
70 : #93ecc4 : +46
72 : #91edc4 : +48
74 : #90eec4 : +50
76 : #8ff0c4 : +52
78 : #8ef1c4 : +54
80 : #8cf2c4 : +56
82 : #8bf4c4 : +58
84 : #8af5c5 : +60
86 : #88f6c5 : +62
88 : #87f7c5 : +64
90 : #86f9c5 : +66
92 : #85fac5 : +68
94 : #83fbc5 : +70
96 : #82fcc5 : +72
98 : #81fec5 : +74
100 : #80ffc6 : +76
L : 明度 ( 75% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -74
3 : #060908 : -72
5 : #0a100d : -70
7 : #0e1612 : -68
9 : #111c18 : -66
11 : #15231d : -64
13 : #192922 : -62
15 : #1d2f27 : -60
17 : #21362c : -58
19 : #253c32 : -56
21 : #294237 : -54
23 : #2d493c : -52
25 : #304f41 : -50
27 : #345547 : -48
29 : #385c4c : -46
31 : #3c6251 : -44
33 : #406856 : -42
35 : #446f5b : -40
37 : #487561 : -38
39 : #4c7b66 : -36
41 : #4f826b : -34
43 : #538870 : -32
45 : #578e76 : -30
47 : #5b957b : -28
49 : #5f9b80 : -26
51 : #64a085 : -24
53 : #6aa48a : -22
55 : #71a88f : -20
57 : #77ac94 : -18
59 : #7db099 : -16
61 : #84b39e : -14
63 : #8ab7a3 : -12
65 : #90bba8 : -10
67 : #97bfad : -8
69 : #9dc3b2 : -6
71 : #a3c7b7 : -4
73 : #aacbbc : -2
75 : #b0cfc1 : ±0
77 : #b6d2c6 : +2
79 : #bdd6cb : +4
81 : #c3dad0 : +6
83 : #c9ded5 : +8
85 : #d0e2da : +10
87 : #d6e6df : +12
89 : #dceae4 : +14
91 : #e3eee9 : +16
93 : #e9f1ee : +18
95 : #eff5f3 : +20
97 : #f6f9f8 : +22
99 : #fcfdfd : +24
CSS入門、作ってます。
text-shadow