#2bcf3d
RGB
| 赤 | 43 |
|---|---|
| 緑 | 207 |
| 青 | 61 |
HSL
| 色相 | 127° |
|---|---|
| 彩度 | 66% |
| 明度 | 49% |
| 輝度 | 55% |
３桁の色
補色
反転色
RGB ( 赤 = 43, 緑 = 207, 青 = 61 )
HSL ( 色相 = 127°, 彩度 = 66%, 明度 = 49% )
H : 色相 ( 127° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #cf3e2a : -120
17 : #cf592a : -110
27 : #cf752a : -100
37 : #cf902a : -90
47 : #cfac2a : -80
57 : #cfc72a : -70
67 : #bccf2a : -60
77 : #a1cf2a : -50
87 : #85cf2a : -40
97 : #6acf2a : -30
107 : #4ecf2a : -20
117 : #33cf2a : -10
127 : #2acf3e : ±0
137 : #2acf59 : +10
147 : #2acf75 : +20
157 : #2acf90 : +30
167 : #2acfac : +40
177 : #2acfc7 : +50
187 : #2abccf : +60
197 : #2aa1cf : +70
207 : #2a85cf : +80
217 : #2a6acf : +90
227 : #2a4ecf : +100
237 : #2a33cf : +110
247 : #3e2acf : +120
257 : #592acf : +130
267 : #752acf : +140
277 : #902acf : +150
287 : #ac2acf : +160
297 : #c72acf : +170
307 : #cf2abc : +180
317 : #cf2aa1 : +190
327 : #cf2a85 : +200
337 : #cf2a6a : +210
347 : #cf2a4e : +220
357 : #cf2a33 : +230
117 : #33cf2a : -10
118 : #30cf2a : -9
119 : #2dcf2a : -8
120 : #2acf2a : -7
121 : #2acf2d : -6
122 : #2acf30 : -5
123 : #2acf33 : -4
124 : #2acf35 : -3
125 : #2acf38 : -2
126 : #2acf3b : -1
127 : #2acf3e : ±0
128 : #2acf40 : +1
129 : #2acf43 : +2
130 : #2acf46 : +3
131 : #2acf49 : +4
132 : #2acf4b : +5
133 : #2acf4e : +6
134 : #2acf51 : +7
135 : #2acf54 : +8
136 : #2acf56 : +9
137 : #2acf59 : +10
S : 彩度 ( 66% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7c7c7c : -66
2 : #7a7f7b : -64
4 : #788279 : -62
6 : #758477 : -60
8 : #738775 : -58
10 : #708973 : -56
12 : #6e8c71 : -54
14 : #6b8e70 : -52
16 : #69916e : -50
18 : #66936c : -48
20 : #64966a : -46
22 : #619868 : -44
24 : #5f9b66 : -42
26 : #5c9d64 : -40
28 : #5aa062 : -38
30 : #57a260 : -36
32 : #55a55e : -34
34 : #52a75c : -32
36 : #50aa5a : -30
38 : #4dac59 : -28
40 : #4baf57 : -26
42 : #48b155 : -24
44 : #46b453 : -22
46 : #43b651 : -20
48 : #41b94f : -18
50 : #3ebb4d : -16
52 : #3cbe4b : -14
54 : #39c049 : -12
56 : #37c347 : -10
58 : #34c545 : -8
60 : #32c843 : -6
62 : #2fca42 : -4
64 : #2dcd40 : -2
66 : #2acf3e : ±0
68 : #28d23c : +2
70 : #25d43a : +4
72 : #23d738 : +6
74 : #20d936 : +8
76 : #1edc34 : +10
78 : #1bde32 : +12
80 : #19e130 : +14
82 : #16e32e : +16
84 : #14e62c : +18
86 : #11e82b : +20
88 : #0feb29 : +22
90 : #0ced27 : +24
92 : #0af025 : +26
94 : #07f223 : +28
96 : #05f521 : +30
98 : #02f71f : +32
100 : #00fa1d : +34
L : 明度 ( 49% )
(0%) 暗い ～ 明るい (100%)
1 : #010401 : -48
3 : #030d04 : -46
5 : #041506 : -44
7 : #061e09 : -42
9 : #08260b : -40
11 : #0a2f0e : -38
13 : #0b3710 : -36
15 : #0d3f13 : -34
17 : #0f4815 : -32
19 : #105018 : -30
21 : #12591a : -28
23 : #14611d : -26
25 : #166a1f : -24
27 : #177222 : -22
29 : #197b25 : -20
31 : #1b8327 : -18
33 : #1d8c2a : -16
35 : #1e942c : -14
37 : #209d2f : -12
39 : #22a531 : -10
41 : #24ae34 : -8
43 : #25b636 : -6
45 : #27be39 : -4
47 : #29c73b : -2
49 : #2acf3e : ±0
51 : #30d543 : +2
53 : #38d64b : +4
55 : #41d852 : +6
57 : #49da5a : +8
59 : #51db62 : +10
61 : #5add69 : +12
63 : #62df71 : +14
65 : #6be179 : +16
67 : #73e280 : +18
69 : #7ce488 : +20
71 : #84e690 : +22
73 : #8de897 : +24
75 : #95e99f : +26
77 : #9eeba7 : +28
79 : #a6edae : +30
81 : #afefb6 : +32
83 : #b7f0be : +34
85 : #c0f2c5 : +36
87 : #c8f4cd : +38
89 : #d0f5d5 : +40
91 : #d9f7dc : +42
93 : #e1f9e4 : +44
95 : #eafbec : +46
97 : #f2fcf3 : +48
99 : #fbfefb : +50
CSS入門、作ってます。
text-shadow