#8ebb3e
RGB
赤 | 142 |
---|---|
緑 | 187 |
青 | 62 |
HSL
色相 | 82° |
---|---|
彩度 | 50% |
明度 | 49% |
輝度 | 62% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 142, 緑 = 187, 青 = 62 )
HSL ( 色相 = 82°, 彩度 = 50%, 明度 = 49% )
H : 色相 ( 82° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #bb433e : -80
12 : #bb573e : -70
22 : #bb6c3e : -60
32 : #bb813e : -50
42 : #bb963e : -40
52 : #bbab3e : -30
62 : #b7bb3e : -20
72 : #a2bb3e : -10
82 : #8ebb3e : ±0
92 : #79bb3e : +10
102 : #64bb3e : +20
112 : #4fbb3e : +30
122 : #3ebb43 : +40
132 : #3ebb57 : +50
142 : #3ebb6c : +60
152 : #3ebb81 : +70
162 : #3ebb96 : +80
172 : #3ebbab : +90
182 : #3eb7bb : +100
192 : #3ea2bb : +110
202 : #3e8ebb : +120
212 : #3e79bb : +130
222 : #3e64bb : +140
232 : #3e4fbb : +150
242 : #433ebb : +160
252 : #573ebb : +170
262 : #6c3ebb : +180
272 : #813ebb : +190
282 : #963ebb : +200
292 : #ab3ebb : +210
302 : #bb3eb7 : +220
312 : #bb3ea2 : +230
322 : #bb3e8e : +240
332 : #bb3e79 : +250
342 : #bb3e64 : +260
352 : #bb3e4f : +270
72 : #a2bb3e : -10
73 : #a0bb3e : -9
74 : #9ebb3e : -8
75 : #9cbb3e : -7
76 : #9abb3e : -6
77 : #98bb3e : -5
78 : #96bb3e : -4
79 : #94bb3e : -3
80 : #92bb3e : -2
81 : #90bb3e : -1
82 : #8ebb3e : ±0
83 : #8cbb3e : +1
84 : #89bb3e : +2
85 : #87bb3e : +3
86 : #85bb3e : +4
87 : #83bb3e : +5
88 : #81bb3e : +6
89 : #7fbb3e : +7
90 : #7dbb3e : +8
91 : #7bbb3e : +9
92 : #79bb3e : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -50
2 : #7e7f7a : -48
4 : #7e8278 : -46
6 : #7f8475 : -44
8 : #808773 : -42
10 : #808970 : -40
12 : #818c6e : -38
14 : #828e6b : -36
16 : #829169 : -34
18 : #839366 : -32
20 : #849664 : -30
22 : #849861 : -28
24 : #859b5f : -26
26 : #869d5c : -24
28 : #86a05a : -22
30 : #87a257 : -20
32 : #88a555 : -18
34 : #88a752 : -16
36 : #89aa50 : -14
38 : #8aac4d : -12
40 : #8aaf4b : -10
42 : #8bb148 : -8
44 : #8cb446 : -6
46 : #8cb643 : -4
48 : #8db941 : -2
50 : #8ebb3e : ±0
52 : #8ebe3c : +2
54 : #8fc039 : +4
56 : #90c337 : +6
58 : #90c534 : +8
60 : #91c832 : +10
62 : #92ca2f : +12
64 : #92cd2d : +14
66 : #93cf2a : +16
68 : #94d228 : +18
70 : #94d425 : +20
72 : #95d723 : +22
74 : #96d920 : +24
76 : #96dc1e : +26
78 : #97de1b : +28
80 : #98e119 : +30
82 : #98e316 : +32
84 : #99e614 : +34
86 : #9ae811 : +36
88 : #9aeb0f : +38
90 : #9bed0c : +40
92 : #9cf00a : +42
94 : #9cf207 : +44
96 : #9df505 : +46
98 : #9ef702 : +48
100 : #9efa00 : +50
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -48
3 : #090b04 : -46
5 : #0e1306 : -44
7 : #141b09 : -42
9 : #1a220b : -40
11 : #202a0e : -38
13 : #263211 : -36
15 : #2b3913 : -34
17 : #314116 : -32
19 : #374918 : -30
21 : #3d501b : -28
23 : #42581d : -26
25 : #486020 : -24
27 : #4e6722 : -22
29 : #546f25 : -20
31 : #5a7728 : -18
33 : #5f7e2a : -16
35 : #65862d : -14
37 : #6b8e2f : -12
39 : #719532 : -10
41 : #769d34 : -8
43 : #7ca437 : -6
45 : #82ac39 : -4
47 : #88b43c : -2
49 : #8ebb3e : ±0
51 : #93c144 : +2
53 : #97c34b : +4
55 : #9cc653 : +6
57 : #a0c85b : +8
59 : #a4cb62 : +10
61 : #a9cd6a : +12
63 : #add071 : +14
65 : #b2d279 : +16
67 : #b6d581 : +18
69 : #bad788 : +20
71 : #bfda90 : +22
73 : #c3dd98 : +24
75 : #c8df9f : +26
77 : #cce2a7 : +28
79 : #d1e4af : +30
81 : #d5e7b6 : +32
83 : #d9e9be : +34
85 : #deecc6 : +36
87 : #e2eecd : +38
89 : #e7f1d5 : +40
91 : #ebf4dd : +42
93 : #f0f6e4 : +44
95 : #f4f9ec : +46
97 : #f8fbf4 : +48
99 : #fdfefb : +50
CSS入門、作ってます。
text-shadow