#bc22be
RGB
赤 | 188 |
---|---|
緑 | 34 |
青 | 190 |
HSL
色相 | 299° |
---|---|
彩度 | 70% |
明度 | 44% |
輝度 | 38% |
3桁の色
補色
反転色
RGB ( 赤 = 188, 緑 = 34, 青 = 190 )
HSL ( 色相 = 299°, 彩度 = 70%, 明度 = 44% )
H : 色相 ( 299° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #bf3922 : -290
19 : #bf5322 : -280
29 : #bf6e22 : -270
39 : #bf8822 : -260
49 : #bfa222 : -250
59 : #bfbc22 : -240
69 : #a7bf22 : -230
79 : #8dbf22 : -220
89 : #73bf22 : -210
99 : #59bf22 : -200
109 : #3ebf22 : -190
119 : #24bf22 : -180
129 : #22bf39 : -170
139 : #22bf53 : -160
149 : #22bf6e : -150
159 : #22bf88 : -140
169 : #22bfa2 : -130
179 : #22bfbc : -120
189 : #22a7bf : -110
199 : #228dbf : -100
209 : #2273bf : -90
219 : #2259bf : -80
229 : #223ebf : -70
239 : #2224bf : -60
249 : #3922bf : -50
259 : #5322bf : -40
269 : #6e22bf : -30
279 : #8822bf : -20
289 : #a222bf : -10
299 : #bc22bf : ±0
309 : #bf22a7 : +10
319 : #bf228d : +20
329 : #bf2273 : +30
339 : #bf2259 : +40
349 : #bf223e : +50
359 : #bf2224 : +60
289 : #a222bf : -10
290 : #a522bf : -9
291 : #a722bf : -8
292 : #aa22bf : -7
293 : #ac22bf : -6
294 : #af22bf : -5
295 : #b222bf : -4
296 : #b422bf : -3
297 : #b722bf : -2
298 : #ba22bf : -1
299 : #bc22bf : ±0
300 : #bf22bf : +1
301 : #bf22bc : +2
302 : #bf22ba : +3
303 : #bf22b7 : +4
304 : #bf22b4 : +5
305 : #bf22b2 : +6
306 : #bf22af : +7
307 : #bf22ac : +8
308 : #bf22aa : +9
309 : #bf22a7 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -70
2 : #726e72 : -68
4 : #756c75 : -66
6 : #776977 : -64
8 : #796779 : -62
10 : #7b657b : -60
12 : #7d637e : -58
14 : #7f6080 : -56
16 : #825e82 : -54
18 : #845c84 : -52
20 : #865a87 : -50
22 : #885889 : -48
24 : #8a558b : -46
26 : #8c538d : -44
28 : #8f5190 : -42
30 : #914f92 : -40
32 : #934c94 : -38
34 : #954a96 : -36
36 : #974899 : -34
38 : #99469b : -32
40 : #9c439d : -30
42 : #9e419f : -28
44 : #a03fa2 : -26
46 : #a23da4 : -24
48 : #a43aa6 : -22
50 : #a638a8 : -20
52 : #a936ab : -18
54 : #ab34ad : -16
56 : #ad31af : -14
58 : #af2fb1 : -12
60 : #b12db4 : -10
62 : #b32bb6 : -8
64 : #b628b8 : -6
66 : #b826ba : -4
68 : #ba24bc : -2
70 : #bc22bf : ±0
72 : #be1fc1 : +2
74 : #c01dc3 : +4
76 : #c31bc5 : +6
78 : #c519c8 : +8
80 : #c716ca : +10
82 : #c914cc : +12
84 : #cb12ce : +14
86 : #cd10d1 : +16
88 : #d00dd3 : +18
90 : #d20bd5 : +20
92 : #d409d7 : +22
94 : #d607da : +24
96 : #d804dc : +26
98 : #da02de : +28
100 : #dd00e0 : +30
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #090209 : -42
4 : #110311 : -40
6 : #1a051a : -38
8 : #220623 : -36
10 : #2b082b : -34
12 : #330934 : -32
14 : #3c0b3d : -30
16 : #440c45 : -28
18 : #4d0e4e : -26
20 : #560f57 : -24
22 : #5e115f : -22
24 : #671268 : -20
26 : #6f1471 : -18
28 : #781579 : -16
30 : #801782 : -14
32 : #89188b : -12
34 : #911a93 : -10
36 : #9a1c9c : -8
38 : #a21da5 : -6
40 : #ab1fad : -4
42 : #b420b6 : -2
44 : #bc22bf : ±0
46 : #c523c7 : +2
48 : #cd25d0 : +4
50 : #d626d9 : +6
52 : #d72fda : +8
54 : #d938dc : +10
56 : #db40dd : +12
58 : #dc49df : +14
60 : #de52e0 : +16
62 : #e05ae2 : +18
64 : #e163e3 : +20
66 : #e36ce5 : +22
68 : #e574e7 : +24
70 : #e67de8 : +26
72 : #e886ea : +28
74 : #ea8eeb : +30
76 : #eb97ed : +32
78 : #eda0ee : +34
80 : #efa8f0 : +36
82 : #f0b1f1 : +38
84 : #f2baf3 : +40
86 : #f3c2f4 : +42
88 : #f5cbf6 : +44
90 : #f7d4f7 : +46
92 : #f8dcf9 : +48
94 : #fae5fa : +50
96 : #fceefc : +52
98 : #fdf6fd : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow