blob: e19c8d8bae924920fb399b087d0a39ddb0e70a34 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
import React, { Component } from 'react'
import { rgb } from './Utils'
function toHex(n) {
var s = Number(n).toString(16)
if (s.length === 1) {
s = "0" + s
}
return s
}
export default class ColorIndicator extends Component {
render() {
let { r, g, b } = rgb(this.props.color)
let colorDesc = `#${toHex(r)}${toHex(g)}${toHex(b)}`
var foreground = "black"
if (r < 133 && g < 133 && b < 133) {
foreground = "white"
}
return <div
className="paintCol"
style={{
background: `rgb(${r},${g},${b})`,
color: foreground
}}>
<span>{colorDesc}</span>
</div>
}
}
|