#9bcb4d
RGB
赤 | 155 |
---|---|
緑 | 203 |
青 | 77 |
HSL
色相 | 83° |
---|---|
彩度 | 55% |
明度 | 55% |
輝度 | 68% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 155, 緑 = 203, 青 = 77 )
HSL ( 色相 = 83°, 彩度 = 55%, 明度 = 55% )
H : 色相 ( 83° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cb534d : -80
13 : #cb684d : -70
23 : #cb7e4d : -60
33 : #cb934d : -50
43 : #cba84d : -40
53 : #cbbd4d : -30
63 : #c5cb4d : -20
73 : #b0cb4d : -10
83 : #9bcb4d : ±0
93 : #86cb4d : +10
103 : #71cb4d : +20
113 : #5ccb4d : +30
123 : #4dcb53 : +40
133 : #4dcb68 : +50
143 : #4dcb7e : +60
153 : #4dcb93 : +70
163 : #4dcba8 : +80
173 : #4dcbbd : +90
183 : #4dc5cb : +100
193 : #4db0cb : +110
203 : #4d9bcb : +120
213 : #4d86cb : +130
223 : #4d71cb : +140
233 : #4d5ccb : +150
243 : #534dcb : +160
253 : #684dcb : +170
263 : #7e4dcb : +180
273 : #934dcb : +190
283 : #a84dcb : +200
293 : #bd4dcb : +210
303 : #cb4dc5 : +220
313 : #cb4db0 : +230
323 : #cb4d9b : +240
333 : #cb4d86 : +250
343 : #cb4d71 : +260
353 : #cb4d5c : +270
73 : #b0cb4d : -10
74 : #aecb4d : -9
75 : #accb4d : -8
76 : #aacb4d : -7
77 : #a8cb4d : -6
78 : #a5cb4d : -5
79 : #a3cb4d : -4
80 : #a1cb4d : -3
81 : #9fcb4d : -2
82 : #9dcb4d : -1
83 : #9bcb4d : ±0
84 : #99cb4d : +1
85 : #97cb4d : +2
86 : #95cb4d : +3
87 : #93cb4d : +4
88 : #90cb4d : +5
89 : #8ecb4d : +6
90 : #8ccb4d : +7
91 : #8acb4d : +8
92 : #88cb4d : +9
93 : #86cb4d : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8d8d8b : -54
3 : #8d9089 : -52
5 : #8e9287 : -50
7 : #8e9484 : -48
9 : #8f9782 : -46
11 : #8f9980 : -44
13 : #909b7d : -42
15 : #909d7b : -40
17 : #91a079 : -38
19 : #91a276 : -36
21 : #92a474 : -34
23 : #92a772 : -32
25 : #93a970 : -30
27 : #93ab6d : -28
29 : #94ae6b : -26
31 : #95b069 : -24
33 : #95b266 : -22
35 : #96b464 : -20
37 : #96b762 : -18
39 : #97b95f : -16
41 : #97bb5d : -14
43 : #98be5b : -12
45 : #98c059 : -10
47 : #99c256 : -8
49 : #99c454 : -6
51 : #9ac752 : -4
53 : #9ac94f : -2
55 : #9bcb4d : ±0
57 : #9cce4b : +2
59 : #9cd049 : +4
61 : #9dd246 : +6
63 : #9dd544 : +8
65 : #9ed742 : +10
67 : #9ed93f : +12
69 : #9fdb3d : +14
71 : #9fde3b : +16
73 : #a0e038 : +18
75 : #a0e236 : +20
77 : #a1e534 : +22
79 : #a1e732 : +24
81 : #a2e92f : +26
83 : #a2eb2d : +28
85 : #a3ee2b : +30
87 : #a4f028 : +32
89 : #a4f226 : +34
91 : #a5f524 : +36
93 : #a5f722 : +38
95 : #a6f91f : +40
97 : #a6fc1d : +42
99 : #a7fe1b : +44
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -54
3 : #090c03 : -52
5 : #0e1406 : -50
7 : #141c08 : -48
9 : #1a240a : -46
11 : #202b0d : -44
13 : #25330f : -42
15 : #2b3b11 : -40
17 : #314314 : -38
19 : #374b16 : -36
21 : #3c5318 : -34
23 : #425b1a : -32
25 : #48631d : -30
27 : #4e6b1f : -28
29 : #537321 : -26
31 : #597b24 : -24
33 : #5f8226 : -22
35 : #658a28 : -20
37 : #6a922a : -18
39 : #709a2d : -16
41 : #76a22f : -14
43 : #7caa31 : -12
45 : #81b234 : -10
47 : #87ba36 : -8
49 : #8dc238 : -6
51 : #92c73d : -4
53 : #97c945 : -2
55 : #9bcb4d : ±0
57 : #9fce55 : +2
59 : #a4d05d : +4
61 : #a8d265 : +6
63 : #add56d : +8
65 : #b1d775 : +10
67 : #b6d97d : +12
69 : #badb84 : +14
71 : #bfde8c : +16
73 : #c3e094 : +18
75 : #c7e29c : +20
77 : #cce5a4 : +22
79 : #d0e7ac : +24
81 : #d5e9b4 : +26
83 : #d9ebbc : +28
85 : #deeec4 : +30
87 : #e2f0cc : +32
89 : #e7f2d4 : +34
91 : #ebf5db : +36
93 : #eff7e3 : +38
95 : #f4f9eb : +40
97 : #f8fcf3 : +42
99 : #fdfefb : +44
CSS入門、作ってます。
text-shadow