#0bcb31
RGB
赤 | 11 |
---|---|
緑 | 203 |
青 | 49 |
HSL
色相 | 132° |
---|---|
彩度 | 90% |
明度 | 42% |
輝度 | 50% |
3桁の色
補色
反転色
RGB ( 赤 = 11, 緑 = 203, 青 = 49 )
HSL ( 色相 = 132°, 彩度 = 90%, 明度 = 42% )
H : 色相 ( 132° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cb110b : -130
12 : #cb310b : -120
22 : #cb510b : -110
32 : #cb720b : -100
42 : #cb920b : -90
52 : #cbb20b : -80
62 : #c5cb0b : -70
72 : #a5cb0b : -60
82 : #85cb0b : -50
92 : #65cb0b : -40
102 : #45cb0b : -30
112 : #24cb0b : -20
122 : #0bcb11 : -10
132 : #0bcb31 : ±0
142 : #0bcb51 : +10
152 : #0bcb72 : +20
162 : #0bcb92 : +30
172 : #0bcbb2 : +40
182 : #0bc5cb : +50
192 : #0ba5cb : +60
202 : #0b85cb : +70
212 : #0b65cb : +80
222 : #0b45cb : +90
232 : #0b24cb : +100
242 : #110bcb : +110
252 : #310bcb : +120
262 : #510bcb : +130
272 : #720bcb : +140
282 : #920bcb : +150
292 : #b20bcb : +160
302 : #cb0bc5 : +170
312 : #cb0ba5 : +180
322 : #cb0b85 : +190
332 : #cb0b65 : +200
342 : #cb0b45 : +210
352 : #cb0b24 : +220
122 : #0bcb11 : -10
123 : #0bcb14 : -9
124 : #0bcb18 : -8
125 : #0bcb1b : -7
126 : #0bcb1e : -6
127 : #0bcb21 : -5
128 : #0bcb24 : -4
129 : #0bcb28 : -3
130 : #0bcb2b : -2
131 : #0bcb2e : -1
132 : #0bcb31 : ±0
133 : #0bcb34 : +1
134 : #0bcb38 : +2
135 : #0bcb3b : +3
136 : #0bcb3e : +4
137 : #0bcb41 : +5
138 : #0bcb45 : +6
139 : #0bcb48 : +7
140 : #0bcb4b : +8
141 : #0bcb4e : +9
142 : #0bcb51 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -90
2 : #696d6a : -88
4 : #676f69 : -86
6 : #657267 : -84
8 : #637466 : -82
10 : #607665 : -80
12 : #5e7863 : -78
14 : #5c7a62 : -76
16 : #5a7c61 : -74
18 : #587e60 : -72
20 : #56815e : -70
22 : #54835d : -68
24 : #51855c : -66
26 : #4f875a : -64
28 : #4d8959 : -62
30 : #4b8b58 : -60
32 : #498d57 : -58
34 : #479055 : -56
36 : #459254 : -54
38 : #429453 : -52
40 : #409651 : -50
42 : #3e9850 : -48
44 : #3c9a4f : -46
46 : #3a9c4e : -44
48 : #389f4c : -42
50 : #36a14b : -40
52 : #33a34a : -38
54 : #31a548 : -36
56 : #2fa747 : -34
58 : #2da946 : -32
60 : #2bab45 : -30
62 : #29ae43 : -28
64 : #27b042 : -26
66 : #24b241 : -24
68 : #22b43f : -22
70 : #20b63e : -20
72 : #1eb83d : -18
74 : #1cba3c : -16
76 : #1abc3a : -14
78 : #18bf39 : -12
80 : #15c138 : -10
82 : #13c336 : -8
84 : #11c535 : -6
86 : #0fc734 : -4
88 : #0dc933 : -2
90 : #0bcb31 : ±0
92 : #09ce30 : +2
94 : #06d02f : +4
96 : #04d22d : +6
98 : #02d42c : +8
100 : #00d62b : +10
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #010a02 : -40
4 : #011305 : -38
6 : #021d07 : -36
8 : #022709 : -34
10 : #03300c : -32
12 : #033a0e : -30
14 : #044410 : -28
16 : #044e13 : -26
18 : #055715 : -24
20 : #056117 : -22
22 : #066b1a : -20
24 : #06741c : -18
26 : #077e1e : -16
28 : #078821 : -14
30 : #089123 : -12
32 : #089b26 : -10
34 : #09a528 : -8
36 : #09ae2a : -6
38 : #0ab82d : -4
40 : #0ac22f : -2
42 : #0bcb31 : ±0
44 : #0bd534 : +2
46 : #0cdf36 : +4
48 : #0ce938 : +6
50 : #0df23b : +8
52 : #16f343 : +10
54 : #20f34a : +12
56 : #2af452 : +14
58 : #34f45a : +16
60 : #3df562 : +18
62 : #47f56a : +20
64 : #51f672 : +22
66 : #5af679 : +24
68 : #64f781 : +26
70 : #6ef789 : +28
72 : #77f891 : +30
74 : #81f899 : +32
76 : #8bf9a1 : +34
78 : #94f9a9 : +36
80 : #9efab0 : +38
82 : #a8fab8 : +40
84 : #b1fbc0 : +42
86 : #bbfbc8 : +44
88 : #c5fcd0 : +46
90 : #cffcd8 : +48
92 : #d8fde0 : +50
94 : #e2fde7 : +52
96 : #ecfeef : +54
98 : #f5fef7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow